jQuery之元素样式设置的方法

最新推荐文章于 2024-02-11 13:06:15 发布

qq_41320857

最新推荐文章于 2024-02-11 13:06:15 发布

阅读量1.1k

点赞数

分类专栏： web前端编程语言文章标签：为元素设置样式

本文链接：https://blog.csdn.net/qq_41320857/article/details/81415503

版权

编程语言同时被 2 个专栏收录

19 篇文章 0 订阅

订阅专栏

web前端

17 篇文章 0 订阅

订阅专栏

给div设置样式，常用的有三种方法：

（1）普通方法，适用于一个两个样式

//普通方法
        $(function () {
            $("#btn").click(function () {
                $("#dv").css("width","200px");
                $("#dv").css("height","150px");
                $("#dv").css("backgroundColor","red");
                $("#dv").css("border","1px,solid,green");
            });
        });

（2）链式编程，适用于两个到四个样式

//链式编程
        $(function () {
            $("#btn").click(function () {
                $("#dv").css("width","200px").css("height","150px").css("backgroundColor","red").css("border","1px,solid,green");
            });
        });

（3）利用JSON，适用于样式较多的时候

//json
        var json={"width":"200px","height":"150px","backgroundColor":"red","border":"1px,solid,green"}
        $(function () {
            $("#btn").click(function () {
                $("#dv").css(json);
            });
        });