$() 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.文本框，文本区域：
|
1 2 3 4 |
//清空内容 $("#txt").attr("value",''); //填充内容 $("#txt").attr("value",'11'); |
2.下拉框<select>操作：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
//获取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的操作
得到所有选中的：注意浏览器的兼容性
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
$("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 的操作:
|
1 2 3 4 |
//获取值 $('input[@name=items][@checked]').val(); //获取值 $("input[@type=radio][@checked]").val(); |
原创文章，转载请注明： 转载自micmiu – 软件开发+生活点滴[ http://www.micmiu.com/ ]
本文链接地址: http://www.micmiu.com/lang/javascript/jquery-base-syntax/
0 条评论。