jquery选择器四类

jQuery是一种广泛使用的JavaScript库,其中包括一系列强大的选择器,可帮助开发人员轻松地访问和操作HTML元素。jQuery选择器主要分为四类,分别是基本选择器、层次选择器、过滤选择器和表单选择器。下面将逐一介绍它们的用法。

1. 基本选择器

$(document).ready(function(){$("p"); //选取所有的p元素$("#myId"); //选取id为myId的元素$(".myClass"); //选取class为myClass的所有元素});

2. 层次选择器

$(document).ready(function(){$("ul li"); //选取所有的ul元素下的li元素$("ul > li"); //选取所有ul下的直接子元素li$("ul ~ p"); //选取所有ul同层级的后续p元素$("ul + p"); //选取所有ul同层级的下一个p元素});

3. 过滤选择器

$(document).ready(function(){$("p:first"); //选取第一个p元素$("p:last"); //选取最后一个p元素$("p:even"); //选取序号为偶数的所有p元素$("p:odd"); //选取序号为奇数的所有p元素$("p:eq(1)"); //选取序号为1的p元素$("p:not(.myClass)"); //选取不含有myClass类的p元素});

4. 表单选择器

$(document).ready(function(){$(":input"); //选取所有的input、textarea、select和button元素$(":text"); //选取type为text的input元素$(":password"); //选取type为password的input元素$(":radio"); //选取所有的radio元素$(":checkbox"); //选取所有的checkbox元素$(":selected"); //选取所有被选中的option元素});

以上就是jQuery选择器的四类,通过它们的使用,我们可以快速而准确地选择HTML元素,并进行各种操作和效果的设置。

jquery选择器四类