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

为什么样式不改变

$("#table tr:even").toggleClass("c", false);时 偶数行的样式没有改变

正在回答

5 回答

如果你指的是课程JQ(一)3-6  

    <script type="text/javascript">

    //第二个参数判断样式类是否应该被添加或删除

    //true,那么这个样式类将被添加;

    //false,那么这个样式类将被移除

    //所有的奇数tr元素,应该都保留class="c"样式

    $("#table tr:even").toggleClass("c", true); //这个操作没有变化,因为样式已经是存在的

   

    这里应该是缺少了</script>闭标签。


    </body>


1 回复 有任何疑惑可以回复我~
#1

粑粑3722522 提问者

非常感谢!
2016-09-27 回复 有任何疑惑可以回复我~

首先,本文的第三个<script>部分应该缺少了一个</script>闭口。

even指的是偶数,但js里基本是从0来数起的,0、2、4...是偶数。

如果第三个<script></script>部分换成$("#table tr:even").toggleClass("c", false);那么之前已经添加的样式必定会被删除,而且三个script的作用下,展现的效果是全部都没有背景。

0 回复 有任何疑惑可以回复我~

 <script type="text/javascript">

    //第二个参数判断样式类是否应该被添加或删除

    //true,那么这个样式类将被添加;

    //false,那么这个样式类将被移除

    //所有的奇数tr元素,应该都保留class="c"样式

    $("#table tr:even").toggleClass("c", true); //这个操作没有变化,因为样式已经是存在的

这里少了</script>,加上就有效果了

</body>


0 回复 有任何疑惑可以回复我~

代码引用原文:  

 ① <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", false); //这个操作没有变化,因为样式已经是存在的

</script>

这样就可以了

0 回复 有任何疑惑可以回复我~

$("#table tr:even").toggleClass("c", false);//偶数的把c样式类移除可是没效果啊

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

为什么样式不改变

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信