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

aka程序皇像隔扣你的勒布朗进入名人堂

于 2019-08-12 17:41:18 发布

阅读量310

点赞数

分类专栏： jQuery+Ajax

本文链接：https://blog.youkuaiyun.com/qq_39608986/article/details/99316558

版权

jQuery+Ajax 专栏收录该内容

21 篇文章

订阅专栏

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>