jQuery 常用语法总结

最新推荐文章于 2024-07-27 16:41:27 发布

SysThink

最新推荐文章于 2024-07-27 16:41:27 发布

阅读量546

点赞数

CC 4.0 BY-SA版权

文章标签： jquery input function div 浏览器 ie

本文链接：https://blog.youkuaiyun.com/SysThink/article/details/5948294

本文介绍了如何使用jQuery操作DOM元素，包括将jQuery对象转换为DOM对象的方法，对下拉框和复选框的具体操作技巧。了解这些可以帮助开发者更高效地进行网页开发。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原文转自： http://www.systhinker.com/html/19/n-20519.html

$() jQuery对象本身是一个集合。
ps：注意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.对下拉框

的操作: //获取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(); 2.复选框 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){...} } );