Jquery—操作css

jquery操作css有以下几个方法：

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

1.addClass()

用法：

 $(function(){
            $("button").click(function(){
                $("#box").addClass("green");
            })
        })

还可以同时为多个元素添加class,

$("h1,h2,p").addClass("blue");

可同时添加多个class，

$("#box").addClass("important blue");

2.removeClass()

用法：

 $(function(){
            $("button").click(function(){
                $("#box").removeClass("red");
            })
        })

同样的，可同时为多个元素移除class，

$("h1,h2,p").removeClass("blue");





3.toggleClass()
用法：

$("#box").toggleClass("red");
可为多个元素设置添加/删除类的切换操作，用法同addClass。





4.css()
jquery的css()方法可用于设置或者返回备选元素的一个或者多个样式属性。
 （1）返回css属性：css("propertyname");

$("#box").css("background-color")

 
（2）设置css属性：css("propertyname","value");


 $("#box").css("background-color","yellow");
还可同时设置多个css属性：

用法：


css({"propertyname":"value","propertyname":"value",...});
如：

$("#box").css({"background-color":"yellow","color":"red"});






本文参考资料来自：http://www.runoob.com/jquery/jquery-css-classes.html