jquery操作css类的方法

原创于 2020-06-19 10:17:30 发布 · 210 阅读

0 ·

CC 4.0 BY-SA版权

jquery 专栏收录该内容

15 篇文章

订阅专栏

本文深入讲解了jQuery中addClass, removeClass, toggleClass和css方法的使用技巧，通过实例演示了如何为元素添加、删除和切换类，以及如何设置和获取CSS属性。了解这些方法将帮助开发者更高效地控制网页元素的样式。

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

addClass() - 向被选元素添加一个或多个类
removeClass() - 从被选元素删除一个或多个类
toggleClass() - 对被选元素进行添加/删除类的切换操作
css() - 设置或返回样式属性

案例：
<script>
    $(document).ready(function () {
        $("button").click(function () {
            {#$(".ul02, .ul01").addClass("blue lg");#}
            {#$(".ul01, .ul02").removeClass("blue lg");#}
            $(".ul01, .ul02").toggleClass("blue lg");
        })
    })
</script>


如需返回指定的 CSS 属性的值，请使用如下语法：
css("propertyname");

如需设置多个 CSS 属性，请使用如下语法：
css({"propertyname":"value","propertyname":"value",...});

案例：
<script>
    $(document).ready(function () {
        $("button").click(function () {
            $(".ul01").animate({fontSize: "30px"}, "slow", function () {
                $(this).css({color: "red", fontSize: "16px"});
            });
        })
    })
</script>