Jquery—操作css

来源：互联网发布：网络女主播视频六间房编辑：程序博客网时间：2024/06/06 00:08

jquery操作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

1 0