HTML七大选择器,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:

选择所有启用的和元素

2>.E:disabled:

选择所有禁用的和元素

3>.E:checked:

隐藏所有被选中的元素

4>.E:selected:

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

  • 0
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值