jquery选择器类型有哪些
墨初 Web前端 686阅读
jquery可以说是javascript中的一个集成库,它简化了很多的js操作,其中最简化的就是元素选择器了,下面73so博客就说一说关于jquery中几种类型的元素选择器。
jquery中的元素选择器
jquery中基本选择器
例:
$("p"); //选取所有的p元素 $("#myId"); //选取id为myId的元素 $(".myClass"); //选取class为myClass的所有元素
jquery中层次选择器
例:
$("ul li"); //选取所有的ul元素下的li元素 $("ul > li"); //选取所有ul下的直接子元素li $("ul ~ p"); //选取所有ul同层级的后续p元素 $("ul + p"); //选取所有ul同层级的下一个p元素
jquery过滤选择器
例:
$("p:first"); //选取第一个p元素 $("p:last"); //选取最后一个p元素 $("p:even"); //选取序号为偶数的所有p元素 $("p:odd"); //选取序号为奇数的所有p元素 $("p:eq(1)"); //选取序号为1的p元素 $("p:not(.myClass)"); //选取不含有myClass类的p元素
jquery表单选择器
$(":input"); //选取所有的input、textarea、select和button元素 $(":text"); //选取type为text的input元素 $(":password"); //选取type为password的input元素 $(":radio"); //选取所有的radio元素 $(":checkbox"); //选取所有的checkbox元素 $(":selected"); //选取所有被选中的option元素
上面就是jquery中元素选择器,熟练的掌握他们可以更加方便的对元素进行操作。