hi,欢迎访问本站!
当前位置: 首页Web前端正文

jquery选择器类型有哪些

墨初 Web前端 220阅读

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中元素选择器,熟练的掌握他们可以更加方便的对元素进行操作。

声明:无特别说明,转载请标明本文来源!
相关推荐