jQuery+Ajax-20(jQuery操作css的相关方法)

最新推荐文章于 2021-08-06 13:26:53 发布

原创最新推荐文章于 2021-08-06 13:26:53 发布 · 331 阅读

0 ·

CC 4.0 BY-SA版权

jQuery+Ajax 专栏收录该内容

21 篇文章

订阅专栏

本文深入讲解了使用jQuery进行CSS操作的四种方法：逐个设置、链式设置、批量设置及获取样式值。通过实例演示了如何高效地为元素设置样式。

jQuery操作css的相关方法

<body>
<script src="js/1.12.4.js"></script>
<script>

    $(function () {
        //1.逐个设置
        $("div").css("width","100px")
        $("div").css("height","100px")
        $("div").css("background","red")

        //2.链式设置
        //注意：大于三步建议分开
        $("div").css("width","100px").css("height","100px").css("background","red")

        //3.批量设置
        $("div").css({
            width:"100px",
            height:"100px",
            backgroundcolor:"red"
        });

        //4.获取css样式值
        console.log($("div").css("width"));
    })

</script>
<div></div>
</body>