为什么样式不改变

来源:3-6 jQuery的属性与样式之切换样式.toggleClass()

粑粑3722522

2016-09-20 23:40

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

写回答 关注

5回答

  • WEB丶FriEnD
    2016-09-21 10:19:25
    已采纳

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

        <script type="text/javascript">

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

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

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

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

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

       

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


        </body>


    粑粑3722...

    非常感谢!

    2016-09-27 20:28:02

    共 1 条回复 >

  • 蓝璇梦幻
    2016-09-26 10:20:24

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

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

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

  • html2015
    2016-09-22 16:57:27

     <script type="text/javascript">

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

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

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

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

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

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

    </body>


  • chovitaminl
    2016-09-21 21:55:20

    代码引用原文:  

     ① <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>

    这样就可以了

  • 粑粑3722522
    2016-09-21 14:25:47

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

jQuery基础 (一)—样式篇

jQuery初入开启样式修炼,体验万能的jQuery样式集搭建网站布局

217509 学习 · 1218 问题

查看课程

相似问题