jquery如何操作css样式信息呢?


摘要:
下文讲述Jquery中操作css样式的方法分享,如下所示:

在网页中,我们经常使用jquery操作样式信息,那么jquery操作样式到底有哪些方法,下文将一一举例说明


1.jquery添加css的属性的方法

   
  //为所有p元素设置字体颜色为红色
   $("p").css("css属性名","属性值");
 
   $("p").css("color","red");


2.jquery为元素添加css class

 
 <style type="text/css">
   .test {
        border:3px solid red;
    }
</style>

<script>

$("#txtMaoMao").addClass("test");

</script>
<input id="txtMaoMao"type="text"    />
  
 


jquery 对 css操作的其它方法分享


1.css(“样式”)
根据样式信息获取一个对象数组
$(“#maomao”).css(“color”);
//元素id等于maomao的属性的css属性color的值

2.css(“样式”,”value”)
为元素设置样式信息
$(“#maomao”).css(“color”,”red”);
//设置“元素id等于maomao”的css属性color值为“red”

3.addClass(“样式类1,样式类2,样式类3”)
//为指定元素添加样式信息:
//样式类1,样式类2,样式类3,样式类4

4.hasClass(“样式类类”)
//检测元素是否使用了指定样式类信息

5.toggleClass(“样式类”)
//当存在样式信息时,就切换至样式

6.toggleClass(“样式类”,swith):
//如果swith为false,则删除样式,如果swith为true,则切换成该类

7.removeClass(“样式类”):移除样式类
//移除指定元素的样式类

8.css({样式名:”value”,样式名:”value”,样式名:”value”}):可以多次添加样式
//为指定元素设置批量样式信息