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:

    隐藏被选择的下拉框列表选项

发布了15 篇原创文章 · 获赞 7 · 访问量 6920

猜你喜欢

转载自blog.csdn.net/qq_37165235/article/details/80657792