jQuery 常用语法总结(持续更新ing)

    blog迁移至: http://www.micmiu.com

    $() jQuery对象本身是一个集合。
   说明：

• 注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jquery对象，dom对象只能用dom的方法，只有jQuery对象才能使用jQuery定义的方法
• 如果我们要把jQuery对象要转换为dom对象则必须取出其中的某一项，一般可通过索引取出，比如：$("#role")[0]，$("#role")get(0)，$("div").eq(1)[0]，$("div").get()[1]，$("td")[5]这些都是dom对象，可以使用dom中的方法。
• 　普通的dom对象一般可以通过$()转换成jquery对象，比如 $(document.getElementById("userId"))，这样就可以用jQuery定义的方法了。

1.文本框，文本区域：:

//清空内容
$("#txt").attr("value",'');
//填充内容
$("#txt").attr("value",'11');

2.对下拉框<select>的操作:

//获取select对象：
$("#city")[0];或$("#city").get(0);
//获取options的个数：
$("#city")[0].length;
//获取选中的索引：
$("#city")[0].selectedIndex;
//添加option：
$("#city")[0].options.add(new Option(text,value,false,false)) //IE、FF
$("#city")[0].options.add(new Option(text,value)) //IE
//清空select：
$("#city")[0].length=0; 或$("#city").empty();
//当前选中的值：
$("#city")[0].val();
//获取select被选中项的文本
$("select[@name=items] option[@selected]").text();
//设置value=michael的项目为当前选中项
$("#sel").attr("value",'-michael');

3.复选框 checkbox的操作
   得到所有选中的：注意浏览器的兼容性

$("input[name='role'][checked]"); //IE 
$("input[name='role'][checked=checked]");// IE 

$("input[name='role'][checked=true]");// FF

//IE 和 FF 
$("input[name='role']").each( 
	function(){
		if(this.checked){...}
	} 
); 

$("#checkbox_id").attr("value");

4.对下拉框 radio 的操作:

//获取值
$('input[@name=items][@checked]').val();
//获取值
$("input[@type=radio][@checked]").val();