jQuery过滤选择器新手练习(又是隔行变色)-来自于三人行慕课

原文来源:https://www.3mooc.com/front/articleinfo/186
上次发过一篇jQuery关于DOM对象和jQuery对象使用的隔行变色效果实现的新手练习文章。

今天在这里再做一次隔行变色,来练习使用jQuery过滤选择器。

第一步:创建HTML

    • 我是第1个li
    • 我是第2个li
    • 我是第3个li
    • 我是第4个li
    • 我是第5个li
    • 我是第6个li
    • 我是第7个li
    • 我是第8个li
    • 我是第9个li
    • 我是第10个li
    • 第二步:引入jQuery

      第三步:代码实现

      不需要用for循环遍历即可得到同样的效果。实现方式更简单。

      这里需要注意,li:even获取偶数,li:odd是获取奇数。我们知道我们看到的第1个li,在数组里的是第0个,我们看到的第2个的下标为1。所以我们会看到第1、3、5、7、9个为红色。

    • 0
      点赞
    • 0
      收藏
      觉得还不错? 一键收藏
    • 0
      评论
    评论
    添加红包

    请填写红包祝福语或标题

    红包个数最小为10个

    红包金额最低5元

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

    抵扣说明:

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

    余额充值