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