jQuery 选择器

Jquery 选择器

1 . 基本选择器（5个）

              （1）#id : id选择器，根据给定的id匹配一个元素。（只能匹配一个）

              （2）element : 标签选择器，根据给定的标签名匹配所有的元素。

              （3）.class : 类选择器，根据名匹配所有元素。

              （4）* ：通配符，匹配所有元素。

              （5）selector1,selector2,…,selector3 : 组合选择器，将每一个选择器匹配到的元素合并后一起返回。

 

2. 层级选择器（4个）

       （1） parent child: 上下文选择器。在给定的祖先元素下匹配所有的后代元素

              （2）parent> son: 直接子选择器。通俗地说：为匹配父亲（parent）的儿子（son），而parent的孙子没有匹配。

              （3）parent+next : 匹配所有跟在“parent”后面的“next”元素。

              （4）parent  ~ next : 找到所有与“next”同辈的元素。

3.常见的基本筛选选择器（）

       （1） :first :获取匹配的第一个元素。

       （2） :last :获取匹配的最后一个元素。

       （3） :not(selector)  :获取除了匹配元素的元素

       （4） :gt(index)  :匹配所有大于指定索引值的元素。、

       （5） :lt(index)  :匹配所有大于指定索引值的元素。

       （6） :eq(index)  :匹配指定索引值的元素。

       （7） :even  :匹配索引值为偶数的元素，从0开始。

       （8） :odd  :匹配索引值为基数的元素，从0开始。

       （9） :header  :匹配标题元素。

用法例如

代码：

控制器输出：

4.内容选择器（4个）

       （1） :contains(text) :匹配包含给定文本的元素。

       （2）:has(selector) :匹配所有内容选择器所匹配元素的元素

       （3） :empty :匹配所有不包含字元素或文本的空元素。

       （4） :parent  :匹配所有含有元素或文本的元素

用法：

控制台输出：

5． 属性选择器（5个）

       (1) [attribute]  :匹配包含指定属性的元素。

       (2) [attribute=value]  :匹配给定的属性是某个特定值的元素。

       (3) [attribute!=value]  :匹配所有不含有指定的属性，或属性不等于特定属性值的属性。

       (4) [attribute^=value]  : 匹配与给定的属性是以某些值开始的元素

       (5) [attribute$=value]  :匹配于给定的属性是以某些值结束的元素

用法：

浏览器控制台输出：

6 子元素选择器（常用8个）

1. :first-child  ：匹配所给选择器的第一个子元素。
2. :last-child  : 匹配所给选择器的最后一个子元素。
3. :first-of-type  :匹配父元素的第一个所给 选择器的元素
4. :last-of-type  : 匹配父元素的最后一个所给 选择器的元素
5. :nth-child  : 匹配其父元素下的第N个子或奇偶元素
6. :nth-last-child  : 选择所有他们父元素的第n个子元素。计数从最后一个元素开始到第一个。
7. :nth-of-child  : 选择同属于一个父元素之下，并且标签名相同的子元素中的第n个。
8. :nth-last-of-child : 选择的所有他们的父级元素的第n个子元素，计数从最后一个元素到第一个。

7表单（）

1. :input  : 匹配所有 input, textarea, select 和 button 元素\
2. :text  : 匹配所有的单行文本框
3. :password  : 匹配所有密码框
4. :radio  :匹配所有的单选框
5. :checkbox  :匹配所有的复选框
6. :submit  :匹配所有的提交按钮
7. :image  :匹配所有的图像域
8. :reset  :匹配所有的重置按钮
9. :button  :匹配所有的按钮
10.  :file  : 匹配所有的文件域；

8 表单对象属性

1. :enabled  :匹配所有的可用元素
2. :disabled  :匹配所有不可用元素
3. :checked  :匹配所有选中的被选中元素(复选框、单选框等，select中的option)
4. Selected  : 匹配所有选中的option元素