jquery点击加class在点击移除添加的class

toggleClass方法可以实现对某一class进行添加、删除 *** 作。

示例：

$('#test').toggleClass('className')上面的代码将会依次为id为test的元素添加/删除名为className的class，如果test元素存在className，则删除className，如果不存在则添加className。

toggleClass的用法如下：

在匹配的元素集合中的每个元素上添加或删除一个或多个样式类,取决于这个样式类是否存在或值切换属性。即：如果存在（不存在）就删除（添加）一个类。

.toggleClass(

className

)

className

类型: String

在匹配的元素集合中的每个元素上用来切换的一个或多个（用空格隔开）样式类名。

addClass

描述: 为每个匹配的元素添加指定的样式类名

.addClass( className ),className为一个String字符串，为指定元素添加这个classname的类

.addClass( function(index, currentClass) )，这个函数返回一个或更多用空格隔开的要增加的样式名。接收index 参数表示元素在匹配集合中的索引位置和html 参数表示元素上原来的 HTML 内容。在函数中this指向匹配元素集合中的当前元素。

removeClass

描述: 移除集合中每个匹配元素上一个，多个或全部样式。

.removeClass( [className ] )，每个匹配元素移除的一个或多个用空格隔开的样式名。

.removeClass( function(index, class) )，这个函数，返回一个或多个将要被移除的样式名。index 参数表示在所有匹配元素的集合中当前元素的索引位置。class 参数表示原有的样式名。

jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多javascript高手加入其team，包括来自德国的J&oumlrn Zaefferer，罗马尼亚的Stefan Petre等等。

jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。

它是轻量级的js库(压缩后只有21k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器 （IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。

jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTML documents、events、实现jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。

jQuery能够使用户的html页保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。

addClass()和removeClass()两个方法，例如给所有a元素添加“a_link”类名

$("a").addClass("a_link")

移除就是

$("a").removeClass("a_link")

---