分享

jquery常用方法总结

 chilung 2010-09-26
以下是jquery中比较常用的一些操作实现方式: 
$("标签名") //取html元素 document.getElementsByTagName("")  
$("#ID") //取单个控件document.getElementById("")  
$("div #ID") //取某个控件中 控件  
$("#ID #ID") // 通过控件ID取其中的控件  
$("标签.class样式名") //通过class来取控件  
$("#ID").val(); //取value值  
$("#ID").val(""); //赋值  
$("#ID").hide(); //隐藏  
$("#ID").show(); //显示  
$("#ID").text(); //相当于取innerHTML  
$("#ID").text(""); //相当于innerHTML=""  
$("#ID").css("属性","值") //添加CSS样式  
$("form#表单id").find("#所找控件id").end() //遍历表单  
$("#ID").load("*.html") //载入一个文件  
例如:  
$("form#frmMain").find("#ne").css("border", "1px solid #0f0").end() // end()返回表单  
.find("#chenes").css("border-top","3px dotted #00f").end()  
$.ajax({ url: "Result.aspx", //数据请求页面的url  
type:"get", //数据传递方式(get或post)  
dataType:"html", //期待数据返回的数据格式(例如 "xml", "html", "script",或 "json")  
data: "chen=h", //传递数据的参数字符串,只适合get方式  
timeout:3000, //设置时间延迟请求的时间  
success:function(msg)//当请求成功时触发函数  
{  
$("#stats").text(msg);  
},  
error:function(msg) //当请求失败时触发的函数  
{  
$("#stats").text(msg);  
}  
});  
$(document).ready(function(){  
$("#description").mouseover(function(){  
//ajax方法  
$.get( "Result.aspx", //数据请求页面的url  
{ chen: "测试",age:"25"}, //传递数据的参数字符串  
function(data){ alert("Data Loaded: " + data); } //触发后的函数  
);  
});  
});  
//取得下拉选单的选取值  
$(#testSelect option:selected').text(); //取文本值  
或$("#testSelect").find('option:selected').text();  
或$("#testSelect").val();

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多