jquery 多个文本框赋值_Jquery >>> 002

属性选择器

[attribute]  获取拥有此属性的选择器

0b1557833eb038fdf41763e93d3bfc06.png

3b2b82821a067dc100f85a2d60259633.png

[attribute= value]  选择拥有此属性值的选择器

fb30f795a17d061d59b33d0727be95ba.png

1b136659e69b1ac78747836a755378b7.png

[attr1][attr2][attr3]  复合属性选择器

6ef72a52022d39e396f02eaa07d289a6.png

所有条件都满足了才可以。

618e05e8beb9bc4cc24fa2a306b58f4e.png

还有一些其他的属性,可以通过手册进行查看。

子元素过滤选择器

:first-child  获取父元素中第一个子元素

1f4a06d5412655029ff93391ca8f8749.png

c6fc84594ae6e2dcc8aa736e6e67f88b.png

:last-child  获取父元素中最后一个子元素

7e63b76e94bfea3741614452aea52ef5.png

c514370917128a610e185146b1307138.png

:nth-child()  获取父元素中第X个元素

案例1:nth-child(2)

d4f0270f721f8ad3a5605ddf533b2464.png

2c28787432acff3e7dfa437dad8820bd.png

可见,索引值是从1开始的,前面我们说过一个是从0开始的。

那为什么有的是从0开始,有的从1开始呢???

因为jQuery中的:nth-child(n)是严格来自CSS规范,所以n的取值是1号索引,也就是说,从1开始计数。对于所有其他选择器表达式,jQuery遵循javascript的0号索引的计数。

案例2:nth-child(2n)

bff31d9b9711ee8798118ea29809a45d.png

7c1e96c9771017af411551b4e37c7983.png

案例3:nth-child(2n-1)

c3716e2c6a5c4809333876df071085a5.png

2866c7d2f322589f99cd138ffaa8036e.png

案例4:nth-child(odd)

2223e1cda1230df3129a3e2e890f1bc9.png

2866c7d2f322589f99cd138ffaa8036e.png

案例5:nth-child(even)

ca6696cdfebc27e63eb325a98b2c6ce5.png

191e27faa85bd4f526e6da9e7b3e7e58.png

:only-child  获取父元素中只包含一个子元素的元素

be05b900ebe2bacc5d29a0867a03bafa.png

60b2c77bd0eaea567b47d3d1d4a339bc.png

以下的选择器都不太常用了

:first-of-type  获取父元素中所有相同元素的第一个兄弟元素
:last-of-type  获取父元素中所有相同元素的最后一个兄弟元素<
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值