JQuery笔记3

JQuery CSS

1.增加class

addClass()

<script>
$(function(){
   $("#b1").click(function(){
      $("#d").addClass("pink");  //pink——增加的类名
   });
  
});
</script>
<style>
.pink{
   background-color:pink;
}
</style>

2.删除class

removeClass()

3.切换class

toggleClass()

例如：
如果存在就删除
如果不存在，就添加

4.css函数

通过css函数 直接设置样式

css(property,value)

第一个参数是样式属性，第二个参数是样式值

css({p1:v1,p2:v2})

属性和值都需要用引号 “ ”

<script>
$(function(){
   $("#b1").click(function(){
   //单一样式
      $("#d1").css("background-color","pink");
   });
   //多种样式
   $("#b2").click(function(){
      $("#d2").css({"background-color":"pink","color":"green"});
   });
 
});
</script>