jQuery之元素样式设置的方法

给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);
            });
        });

猜你喜欢

转载自blog.csdn.net/qq_41320857/article/details/81415503
今日推荐