jQuery removeClass() 方法

removeClass()方法可以删除被选元素的一个或多个类。1.删除单个类语法格式：<style>.one {font-size: 14px;color: darkorange;}</style><script src="jQuery.js"></script><script>$(docum

「已注销」

5935人浏览 · 2021-06-02 15:36:16

「已注销」 · 2021-06-02 15:36:16 发布

removeClass()方法可以删除被选元素的一个或多个类。

1.删除单个类

语法格式：

           removeClass("className");

示例：

    <style>
        .one {
            font-size: 14px;
            color: darkorange;
        }
    </style>
    <script src="jQuery.js"></script>
    <script>
        $(document).ready(function(){
            $("p").removeClass("one");
        });
    </script>
</head>

<body>
    <p class="one">我是一段文字。</p>
</body>

移除前：

移除后：

2.同时移除多个类

语法格式：

           removeClass("className1 className2 classNamen");

注意：多个类名之间以空格隔开。

示例：

    <style>
        .one {
            font-size: 14px;
            color: darkorange;
        }
        .two {
            font-weight: 700;
            border: 2px solid #666;
        }
    </style>
    <script src="jQuery.js"></script>
    <script>
        $(document).ready(function(){
            $("p").removeClass("one two");
        });
    </script>
</head>

<body>
    <p class="one">我是一段文字。</p>
</body>

移除前：