js点击添加class清除其他，js怎么清除onclick事件

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

jquery怎么在点击li标签之后添加一个在class,点击下一个li时删除上一...

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

首先打开hbuilder编辑器，在html文件中写入5个li标签，第一个li标签设置class样式，再在上方设置li标签的高度、宽度、字体大小、行高的等属性，再设置第一个li标签的样式，给它加一个外边框。

jquery代码：$(function(){$(#test li).click(function() $(this).siblings(li).removeClass(selected)； // 删除其他兄弟元素 $(this).addClass(selected)； // 添加当前元素的样式 })；removeClass()定义和用法：removeClass() 方法从被选元素移除一个或多个类。

).removeAttr(class)；和$(#but).attr(class，but_test)；来对标签进行元素的添加和删除。为了直观性的看到结果，首先在css样式中，针对class选择该元素，之后添加相应的样式。接下来，就给该button按钮添加一个点击事件，让它能过自由切换。对该点击事件添加js函数。

相关问答

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

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

2、可以使用：$(#but).removeAttr(class)；和$(#but).attr(class，but_test)；来对标签进行元素的添加和删除。为了直观性的看到结果，首先在css样式中，针对class选择该元素，之后添加相应的样式。接下来，就给该button按钮添加一个点击事件，让它能过自由切换。对该点击事件添加js函数。

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

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

5、html编辑器、浏览器。首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的script标签，输入js代码：$(div).click(function(){$(this).css(color，blue)；})；。浏览器运行index.html页面，此时点击123所在的div，div会变为蓝色文本。

6、jQuery中一般有3个关于改变元素class的函数 addClass、removeClass、toggleClass addClass 描述：为每个匹配的元素添加指定的样式类名 (div).addClass(className)；//为所有div添加名为className的class removeClass 描述：移除集合中每个匹配元素上一个，多个或全部样式。

Q2: 原生JS如何查询一个元素的class,增加一个class,删除一个class

用jquery：if ($(#test).hasClass(lala)) { alert(ok)； }；元素，又称化学元素，指自然界中一百多种基本的金属和非金属物质，它们只由一种原子组成，其原子中的每一核子具有同样数量的质子，用一般的化学方法不能使之分解，并且能构成一切物质。一些常见元素的例子有氢，氮和碳。

用jQuery 写。给每个a标签里加上个class.. (function(){ var title = $(.a的class).attr(title‘)；//得到title 值 if(title ==求购){ (#qzqg).addclass(你需要添加的class名字)；} }) 还有个错误，id是唯一的。你的两个id 写一样了。不能写一样的。

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

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

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

Q3: JS添加删除CLASS

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

你可以把动态添加的样式利用cookie来保存，然后打开页面的时候再从cookie取出来然后addClass。删除也一样，removeClass后再把该样式从cookie移除。也可以用LocalStorage来储存，可实现永久保存（除非删除浏览器），不过这个有浏览器兼容性，老的浏览器不支持。

可以使用：$(#but).removeAttr(class)；和$(#but).attr(class，but_test)；来对标签进行元素的添加和删除。为了直观性的看到结果，首先在css样式中，针对class选择该元素，之后添加相应的样式。接下来，就给该button按钮添加一个点击事件，让它能过自由切换。对该点击事件添加js函数。

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

.addClass( className )，className为一个String字符串，为指定元素添加这个classname的类.addClass( function(index， currentClass) )，这个函数返回一个或更多用空格隔开的要增加的样式名。接收index 参数表示元素在匹配集合中的索引位置和html 参数表示元素上原来的 HTML 内容。

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

想要解决两个事件冲突，需要对单击事件进行延时，如果在此延时中又监测到单击事件，那么认为此两次单击属于一个双击事件，则只执行双击事件，并第一时间将延时定时器清理，以防止第二次单击生效。

一组li，这个li不是v-for出来的。是直接写死的。为什么不用v-for，li里面的结构不一样，给所有的li添加点击事件 tanchu（），给点击的当前li添加一个class；现在点击之后所有的都会添加这个class；Vue.js（读音 /vju/，类似于view）是一套构建用户界面的渐进式框架。

给点击按钮添加vue的点击事件。在点击按钮标签里面添加上@click=test即可。保存html代码，然后使用浏览器进行打开，在浏览器页面点击按钮事件，这个时候就可以看浏览器上弹出一个alert弹出框，表示vue点击事件已成功执行。所有代码。

如下图： v-else指令 v-else指令必须跟在v-if指令或v-show指令后面，否则它无法被识别。

一个vue文件可以写多个，加上socped代表本组件的样式，不污染全局。如果需要覆盖第三方组件样式，则不能加scoped，因此需要另写一个.xxx-component{...}，这里用一个大类包裹防止污染全局。

在点击导航栏的时候，让被点击的那一个有背景色，其他的没有背景色？这样router-link被点击激活的时候就会被加上is-active这个class了。注意如果没有设置router-link的标签类型，会是标签，标签是没有宽度和高度的。

关于js点击添加class清除其他和js怎么清除onclick事件的介绍到此就结束了，不知道你从中找到你需要的信息了吗？如果你还想了解更多这方面的信息，记得收藏关注本站。