继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

区分一下前端里面jQuery和css中的odd和even

聂小恶
关注TA
已关注
手记 4
粉丝 2
获赞 6

odd:奇数
even:偶数

    <script type="text/javascript" src="jquery.min.js"></script>
    <style type="text/css">
        ul#one li:nth-child(even){
            background-color: red;
        }
    </style>
</head>
<body>
    <ul id="one">
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
    <ul id="two">
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
    <script type="text/javascript">
        $('#two li:even').css('background-color','blue');
    </script>
</body>
</html>

这里id为one的ul中<li>2</li>的背景颜色会改变为红色,也就是说这里li的下标是从1开始的。
而id为two的ul中<li>1</li><li>3</li>的背景颜色会变为蓝色,也就是说,这里li的下标是从0开始的
同理odd类似
总结:jQuery中使用even或odd对元素筛选时下标从0开始计数,而css中下标从1开始计数。

打开App,阅读手记
1人推荐
发表评论
随时随地看视频慕课网APP