jQuery addClass() 方法

最新推荐文章于 2023-06-15 17:51:23 发布

「已注销」

最新推荐文章于 2023-06-15 17:51:23 发布

阅读量2.5k

点赞数

本文链接：https://blog.csdn.net/m0_57835615/article/details/117469959

版权

addClass()方法可以向被选元素添加一个或多个类。

1.添加一个类

语法格式：

       addClass("className");

示例：

    <style>
        .one {
            width: 100px;
            height: 100px;
            background-color: rgba(14, 216, 98, 0.664);
        }
    </style>
    <script src="jQuery.js"></script>
    <script>
        $(document).ready(function(){
            $('.box').addClass("one");
        });
    </script>
</head>

<body>
    <div class="box"></div>
</body>

效果图：

2.添加多个类

语法格式：

       addClass("className1 className2 classNamen");

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

示例：

    <style>
        .one {
            width: 100px;
            height: 100px;
            background-color: rgba(14, 216, 98, 0.664);
        }
        .two {
            border: 3px solid #333;
        }
    </style>
    <script src="jQuery.js"></script>
    <script>
        $(document).ready(function(){
            $('.box').addClass("one two");
        });
    </script>
</head>

<body>
    <div class="box"></div>
</body>

效果图：