js点击删除class，js点击删除按钮删除选中行

...用原生js实现点击子级a标签给父级div添加class再点击就移除class

首先在html中布局好两个按钮和一个div。接着编写添加class的方法。运行页面以后看到如下图所示的界面。点击添加class按钮就可以看到div中多了样式。接下来在编写移除class样式，如下图所示要的是remove。

可以使用：$(#but).removeAttr(class)；和$(#but).attr(class，but_test)；来对标签进行元素的添加和删除。为了直观性的看到结果，首先在css样式中，针对class选择该元素，之后添加相应的样式。

思路：点击当前li元素后是用removeClass()删除所有兄弟元素（使用siblings()获取）的class样式，然后使用addClass()为当前li添加class。

可以使用jQuery的attr方法来实现对某一元素的的class的属性的添加或者删除，attr() 方法设置或返回被选元素的属性值.根据该方法不同的参数，其工作方式也有所差异，可以使用removeclass来删除class属性。

.main).attr(class， main red)； else $(.main).attr(class， main)； })； })； /script/html应该理解对了你的问题：动态添加元素的class名。直接上代码，有问题追问哈。

相关问答

Q1: vue.js怎么实现单击时添加class双击时取消class

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

这个用 js 很容易实现， 因为单击事件触发时，函数传入的 event 事件包含 target 对象，里面会有触发事件的 DOM 元素，我们只需要操作这个 DOM 元素，为其添加 class 名就好了。

一组li，这个li不是v-for出来的。是直接写死的。

在JS中代码中同一功能块中通常同时会用到单击、双击事件，但通常会遇到一个问题，就是在双击的时候即执行了一次双击事件，而且还执行了两次单击事件。此类冲突在ZTree、DHTMLX中经常遇到。

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

可以使用：$(#but).removeAttr(class)；和$(#but).attr(class，but_test)；来对标签进行元素的添加和删除。为了直观性的看到结果，首先在css样式中，针对class选择该元素，之后添加相应的样式。

首先在html中布局好两个按钮和一个div。接着编写添加class的方法。运行页面以后看到如下图所示的界面。点击添加class按钮就可以看到div中多了样式。接下来在编写移除class样式，如下图所示要的是remove。

解释：首先给你指定的元素绑定一个click事件，点击就执行增加class，同时清除其他class的操作。attr是jquery一个设置元素属性的方法。通过该方法直接给被点击的元素添加新的class，默认会覆盖掉之前class属性的值。

Q3: js中removeclass怎么用,是js,不要jq

可以使用jQuery的attr方法来实现对某一元素的的class的属性的添加或者删除，attr() 方法设置或返回被选元素的属性值.根据该方法不同的参数，其工作方式也有所差异，可以使用removeclass来删除class属性。

addClass：为指定的dom元素添加样式。 removeClass：删除指定dom元素的样式。 toggleClass：如果存在(不存在)，就删除(添加)一个样式。 hasClass：判断样式是否存在。

js中的话没有remove()方法吧，这是jquery中的方法；要在js中删除元素的话，需要根据元素获取其父级元素，再调用.removeChild()方法。

(a).removeClass(on)； // 初始化，把所有 a 标签的class 清空。(a[href*=index.php]).addClass(on)；就这两句就ok. 当然 你需要判断 是那个页面。 当是index.php 的时候就是 上面的例子。

关于js点击删除class和js点击删除按钮删除选中行的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。