jQuery选择器

一、jQuery的工厂函数$

jQuery中，无论使用哪一种类型的选择符，都要从工厂函数——$()开始，括号里面传的是字符串参数。

 

二、基本选择器

1、id选择器——$("#id")

2、类名选择器——$(".class")

3、元素选择器——$("div")

上述为选中所有的div元素。元素选择器指向的是DOM元素的标记名，匹配到的元素可能有多个，也可能有一个，多数情况下，元素选择器匹配到的是一组元素，他是一组Object对象，存储方式为[Object Object]，这种方式不能显示单独元素的文本信息，需要通过索引器来确定要选取哪一个元素。

4、符合选择器——$(".class,#id，div")

对以上三个任意类型的多个选择器进行选择，用逗号分割。返回的是以一个集合形式的jQuery包装集，利用索引器可以取得集合中的jQuery对象。

5、通配符选择器——$("*")

全选，取得页面上所有DOM元素集合的包装集。

 

三、层级选择器

【$('div ul')】:祖先子孙选择器。能管到孙子十八辈。

【$('form>input')】:父子选择器，只能管儿子。

【$("label+p")】:用于匹配紧跟在第一个元素后面的第二个元素，这两个元素是相同级别的元素。该代码是筛选紧跟在lable标记后的p标记。

【$("div~ul")】:用于匹配跟在第一个元素之后的所有第二个元素，这两个元素是相同级别的元素。该代码是筛选div元素的同辈元素ul。

 

四、过滤选择器 

1、简单过滤器

【：first】 

【：last】

【：even】

【：odd】：奇数。

【：eq】： 

2、内容过滤器

【：contains（text）】：

【：empty】： 

3、可见性过滤器

4、表单对象的属性过滤器

【：checked】:被选中元素

【：disabled】：不可用元素

【：enabled】：可用元素

【：selected】：所有选中的option元素 

5、子元素选择器 

 

五、属性选择器：通过元素属性作为过滤条件筛选对象

【[attribute]】：比如$('div[name]'),匹配含有name属性的div元素。

 

六、表单选择器

表单选择器是匹配经常在表单内出现的元素，但是匹配的元素并不一定在表单中。

 

转载于:https://www.cnblogs.com/qingshanyici/p/10568217.html