jQuery removeClass() 方法

最新推荐文章于 2025-04-24 13:03:01 发布

「已注销」

最新推荐文章于 2025-04-24 13:03:01 发布

阅读量6k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/m0_57835615/article/details/117470576

博客介绍了removeClass()方法，该方法可删除被选元素的一个或多个类。详细说明了删除单个类和同时移除多个类的语法格式，同时指出移除多个类时类名之间需以空格隔开，并给出了移除前后的示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>

移除前：