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

可以使用：$("#but").removeAttr("class");和$("#but").attr("class","but_test");来对标签进行元素的添加和删除。

1. 为了直观性的看到结果，首先在css样式中，针对class选择该元素，之后添加相应的样式。

   

2. 接下来，就给该button按钮添加一个点击事件，让它能过自由切换。

   

3. 对该点击事件添加js函数。

   

4. 运行后的结果为：

   

拓展资料：

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

$(".productVs").toggleClass("ppp")

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

示例：

$('#test').toggleClass('className');

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

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

.toggleClass( className )

className

类型: String

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

$("#productVs").addClass("ppp");
$("#productVs").removeClass("ppp");

也可以了解一下toggle方法。