jQuery css()方法及方法

知识点一：jQuery css()方法

1、css()方法是什么?

css()方法设置或返回被选元素的一个或多个样式属性。

2、返回CSS属性

1、$("p").css("background-color");

2、注意：css()不仅可以返回本身的属性值，也可以返回通过Js添加的属性值。

3、设置CSS属性

1、$("p").css("background-color","yellow");

2、注意：通过css()方法设置的样式到了行内样式表中

4、设置多个CSS属性---用JSON对象

1、$("p").css({"background-color":"yellow","font-size":"200%"});

知识点二、jQuerycss类

1、addClass()：

1、向被选元素添加一个或多个类

2、addClass(“类名”)

3、addClass()不会覆盖元素原有的类名

4、<style>

.important{font-weight:bold;font-size:xx-large;}

.blue{color:blue;}

</style>

<Script>

$("button").click(function(){

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

$("div").addClass("important");

});

</Script>

2、removeClass()：

1、从被选元素删除一个或多个类

2、removeClass()不仅可以删除本身的类，还可以删除通过Js添加的类

3、$("button").click(function(){

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

});

3、toggleClass():

1、对被选元素进行添加/删除类的切换操作

2、toggleClass()首先会对被选元素进行判断有没有添加类，有就删除，没有就添加

3、$("button").click(function(){

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

});