eq() siblings()用法

1、eq(n)是指匹配到的同类之后的第n-1个元素
比如
<ul>
  <li>list item 1</li>
  <li>list item 2</li>
  <li>list item 3</li>
  <li>list item 4</li>
  <li>list item 5</li>
</ul>
$("li:eq")匹配的结果就是上面所有的DIV。
而$('li').eq(1)表示第二个DIV(数组的下标是从0开始的)

如果提供负数,则指示从集合结尾开始的位置,而不是从开头开始。例如:

$('li').eq(-2).css('background-color', 'red');

这次,项目 4 的背景变为红色,这是因为它是集合结尾开始的第二个。

2、 siblings()

$('li.third-item').siblings().css('background-color', 'red');
表示除了li 下的.third-item,其他的与li同级元素都添加了css元素。
又如:$('.sidebar:eq(0) li').click(function() { //表示从第角标为0的元素开始遍历。
        $(this).css("background-color", "#87CEFA").siblings().css(
                    "background-color", "#FFFFFF");
表示。sidebar 下的li 的元素被单击,那么颜色就变成#87CEFA,其他未选中的为#ffffff.

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值