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>

posted @ 2013-10-06 10:47  sadan  阅读(1741)  评论(0编辑  收藏  举报