html选择器

基本选择器：

1.通配选择器（*）

2.元素选择器（eg:p）

3.类选择器（.class）

4.ID选择器（#..）

 

高级选择器：

1.后代选择器（E（空格）F）

2.子代选择器（E>F）

3.兄弟选择器（E+F）

4.通用选择器（E~F）

 

结构伪类选择器：

1.nth-child和nth-last-child

2.nth-of-type（n）和nth-last-of-type（n）

3.nth-last-of-type（n）

4.first-child 和 last-child

 

基本过滤选择器：

1.E:first

2.E:last

3.E:not

4.E:even（偶数）

5.E:header（标题选择器）

6.E：animated（动画元素选择器）

7.E：odd（奇数）

8.E：eq（等于）

9.E：gt（大于）

10.E：lt（小于）

 

内容过滤选择器：

1>.E：contains:

选取包含指定字符串的元素 （eg:"p:contains(is)"）

2>.E:empty:

empty（）方法，是从被选取元素移除所有内容，包括所有文本和子节点

3>.has（）：

将匹配元素集合缩减为拥有匹配指定选择器或DOM元素的后代的子集

4>.E：parent（）：

获得当前匹配元素集合中每个元素的父元素

 

属性过滤选择器：

1>.attribute:

定义：匹配包含给定属性的元素

2>.attribute !=value:

定义：匹配给定的属性是不包含某个特定值的元素

3>.attribute =value:

定义：匹配给定的属性是某个特定值的元素

4>.attribute^=value：

定义：匹配给定的属性是以某些值开始的元素

5>.attribute$=value:

定义：匹配给定的属性是以某些值结尾的元素

6>.attribute*=value:

定义：匹配给定的属性是以包含某些值的元素

7>.[selector1][selector2][selectorN]（复合选择器）

定义：复合属性选择器，需要同时满足多个条件时使用

 

表单选择器：

1》。E：input 2》。submit

3》。E：text 4》。E：image

5》。E:password 6》。E：reset

7》。E：radio 8》。E：button

9》。E：CheckBox 9》。E:file

 

表单过滤选择器：

1>.E:ENABLED:

选择所有启用的<input>和<button>元素

2>.E:disabled:

选择所有禁用的<input>和<button>元素

3>.E:checked:

隐藏所有被选中的元素

4>.E:selected:

隐藏被选择的下拉框列表选项
————————————————
版权声明：本文为CSDN博主「浅歌余生」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_37165235/article/details/80657792