为了账号安全,请及时绑定邮箱和手机立即绑定

关于Jquery

关于Jquery

朝花bu夕拾 2016-10-18 10:44:13
<!DOCTYPE HTML><html><head>    <meta charset="utf-8">    <title>隔行换色</title>    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>    <style type="text/css">    body,    table,    td,    {        font-family: Arial, Helvetica, sans-serif;        font-size: 12px;    }        .h {        background: #f3f3f3;        color: #000;    }        .c {        background: #ebebeb;        color: blue;    }    </style></head><body>    <h4>.toggleClass(className)和.toggleClass(className,switch)</h4>    <table id="table" width="50%" border="0" cellpadding="3" cellspacing="1">        <tr>            <td>慕课jQuery入门</td>            <td>慕课jQuery入门</td>        </tr>        <tr>            <td>慕课jQuery入门</td>            <td>慕课jQuery入门</td>        </tr>        <tr>            <td>慕课jQuery入门</td>            <td>慕课jQuery入门</td>        </tr>        <tr>            <td>慕课jQuery入门</td>            <td>慕课jQuery入门</td>        </tr>        <tr>            <td>慕课jQuery入门</td>            <td>慕课jQuery入门</td>        </tr>    </table>    </div>    <script type="text/javascript">    //给所有的tr元素加一个class="c"的样式 //  $("#table tr").toggleClass("c");    </script>    <script type="text/javascript">    //给所有的偶数tr元素切换class="c"的样式    //所有基数的样式保留,偶数的被删除    $("#table tr:odd").toggleClass("c");    </script>    <script type="text/javascript">    //第二个参数判断样式类是否应该被添加或删除    //true,那么这个样式类将被添加;    //false,那么这个样式类将被移除    //所有的奇数tr元素,应该都保留class="c"样式  //  $("#table tr:even").toggleClass("c", true); //这个操作没有变化,因为样式已经是存在的</script></body></html>如上代码,为什么odd选择器选择的是偶数而不是奇数??
查看完整描述

3 回答

已采纳
?
业余奶茶品鉴师

TA贡献260条经验 获得超388个赞

:odd 选择器选取每个带有奇数 index 值的元素(比如 1、3、5)。

index 值从 0 开始,所有第一个元素是偶数 (0)。

所以第一行是偶数行,有.c的行为2、4


查看完整回答
2 反对 回复 2016-10-18
?
Tobey_滔

TA贡献242条经验 获得超128个赞

从0开始...不是从1开始的..编程中很多下标都是0开始的哦

查看完整回答
反对 回复 2016-10-18
?
_bug终结者_

TA贡献89条经验 获得超16个赞

even和odd替换看看

查看完整回答
反对 回复 2016-10-18
  • 3 回答
  • 0 关注
  • 1342 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信