说明: 
单击某一段文字,改文字变为红色,再次单击之后,文字又变回黑色。 
 代码如下: 
 
 
  jquery test  script>   
 学如逆水行舟,不进则退
 学如逆水行舟,不进则退
 学如逆水行舟,不进则退
 学如逆水行舟,不进则退
  $("p").click(function(){ 
if($(this).hasClass("red")){ //判断是否具有该class 
$(this).removeClass("red"); 
}else{ 
$(this).addClass("red"); 
} 
}) 
 script> 
   因为这是一个class交替变化的过程,所以可以使用toggleClass方法,若对应的class:"red"存在的话,则移除之,如果不存在,则添加之 
 代码如下:    
 jquery test  script>   
 学如逆水行舟,不进则退
 学如逆水行舟,不进则退
 学如逆水行舟,不进则退
 学如逆水行舟,不进则退
  $("p").click(function(){ 
$(this).toggleClass("red"); 
}) 
 script> 
   
下载本文