前端-toggleClass(效果切换,如果存在移除,如果不存在展示)

Posted 光阴易逝,岂容我待

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端-toggleClass(效果切换,如果存在移除,如果不存在展示)相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <style type="text/css">
        .col {
            border:solid 1px #eee;
            width:200px;
        }
    </style>
    <script src="../Scripts/jquery-1.10.2.min.js"></script>
    <script type="text/javascript">
        $(function(){
            $("div").toggleClass("col");
        })
    </script>
</head>
<body>
    <div class="col">123</div>
    <div>345</div>
    <div>456</div>
</body>
</html>

以上是关于前端-toggleClass(效果切换,如果存在移除,如果不存在展示)的主要内容,如果未能解决你的问题,请参考以下文章

[ jquery 方法 toggleClass(class|fn[,sw]) ] 此方法如果存在(不存在)就删除(添加)一个类

前端基础-jQuery中的如何操作标签

简单的jquery模仿单选按钮效果

JQuery属性与样式——删除样式.removeClass()和切换样式.toggleClass()

jQuery的toggleClass()函数代码实例

jQuery的toggleClass()函数代码实例