jquery添加及删除样式的方法_惠州jquery培训

jquery添加及删除样式的方法代码如下：

<script language="JavaScript"> 

//<input type="button" value="采用属性增加样式"  id="b1"/>

 $("#b1").click(function(){   $("#mover").attr("class","one");  }); 

 //<input type="button" value=" addClass"  id="b2"/>

 $("#b2").click(function(){   $("#mover").addClass("mini");  }); 

 //<input type="button" value="removeClass"  id="b3"/>

 $("#b3").click(function(){

  /* removeClass() 删除样式   * 如果不带任何参数，removeClass()可以删除任何样式 ， 如果带参数的话，removeClass()只能删除指定样式    */ 

 $("#mover").removeClass("one");  });   

//<input type="button" value=" 切换样式"  id="b4"/>

 $("#b4").click(function(){ 

 /*    * toggleClass();  切换样式， 该方法只能接受一个参数， 所谓的切换样式，是在指定样式和没有样式(只是把指定样式删除)之间切换    */ 

 $("#mover").toggleClass("mini");  });   

//<input type="button" value=" hasClass"  id="b5"/>

 $("#b5").click(function(){

  /* hasClass() ，判断是否含有某个样式，并不是判断是否含有样式， 该方法要指定样式名称， 如果有多个样式存在，hasClass()方法依然只判断是否含有该方法指定的样式    */  

alert($("#mover").hasClass("one")); 

}); 

</script>

标签：惠州北大青鸟惠州jquery培训惠州IT培训惠州软件培训惠州软件开发