码迷,mamicode.com
首页 > 其他好文 > 详细

JQ表格隔行换色

时间:2019-01-24 00:19:45      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:font   bsp   image   san   rip   nbsp   auto   选择   ica   

 <style type="text/css">
        html, body {
            margin: 0;
            padding: 0;
            font-size: 15px;
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        }

        ul {
            list-style: none;
            border: 1px solid #5bc0de;
            width: 600px;
            margin: 0 auto;
            padding: 0px;
        }

        li {
            padding: 10px 30px;
            cursor: pointer;
        }

        .c1 { /*奇数行颜色*/
            background-color: #5bc0de;
        }

        .c2 { /*偶数颜色*/
            background-color: #f7e1b5;
        }

        .c3 { /*移入颜色*/
            background-color: #999;
        }
    </style>
</head>
<body>
<ul>
    <li>A</li>
    <li>B</li>
    <li>A</li>
    <li>B</li>
    <li>A</li>
    <li>B</li>
    <li>A</li>
    <li>B</li>
</ul>
<script type="text/javascript">
 $("li:even").addClass("c2");
 $("li:odd").addClass("c1");
</script>

技术分享图片

 

 

 JQ  :even选择器代表着选择偶数行

      JQ   :odd 代表选择奇数行

 

JQ表格隔行换色

标签:font   bsp   image   san   rip   nbsp   auto   选择   ica   

原文地址:https://www.cnblogs.com/Dainney/p/10312063.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!