js中删去class类，js删除类

优化一段简单的js代码,移除添加class什么的,代码如图

然后不要用 active_index 这样增加复杂度的，直接每个都定义一个比如 on 类，当点击时js给点击的加上 on ，其他全部删掉 on 即可。

为了直观性的看到结果，首先在css样式中，针对class选择该元素，之后添加相应的样式。接下来，就给该button按钮添加一个点击事件，让它能过自由切换。对该点击事件添加js函数。

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

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

相关问答

Q1: js如何鼠标点击一个div删除另一个div的class中的其中一个类名,再点击...

if(cls == main) $(.main).attr(class， main red)； else $(.main).attr(class， main)； })； })； /script/html应该理解对了你的问题：动态添加元素的class名。

新建HTML文件。引入jquery.min.js文件。创建div和按钮并添加class样式。接下来需要创建css样式。创建js点击事件。当点击按钮移除div元素。点击按钮效果如图所示。

思路，定义一个类on 里面属性是transform：rotete(-45deg)；当点击a的时候判断b是否有on这个类 如果有移除 如果没有添加。

这边修改了代码，请保存为.html文件后测试。

(.b).click(function(e) { alert($(this).attr(bid)) $(this).find(div).remove() // this指向当前click的对象。

document.getElementById(1).setAttribute(style， style + ；border： 10px solid ！important；)；注意不能用 document.getElementById(1).style.border=10px solid ！important；这样 ！important 会被自动删除。

Q2: jquery的addClass和removeClass使用方法是什么?

.addClass( className )，className为一个String字符串，为指定元素添加这个classname的类.addClass( function(index， currentClass) )，这个函数返回一个或更多用空格隔开的要增加的样式名。

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

(h1，h2，p).removeClass(blue)；})；下面的例子将展示如何使用 jQuery toggleClass() 方法。

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

移除样式 如果用户单击某个按钮时，要删除class的某个值，那么可以使用与addClass()方法相反的removeClass()方法来完成，它的 作用是从匹配的元素中删除全部或者指定的class。

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

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