<div class="abc">点我删除</div>
<script>
windowonload=function(){
var abc=documentgetElementsByClassName("abc")[0];
abconclick=function(){
thisparentNoderemoveChild(this);
}
}
</script>
分为以下2种情况：
1如果css写成行内样式，可以通过获取style属性的值来判断，示例如下：
判断id为divid的div元素是否有font-size样式：
2如果css写成类样式，可以通过获取class属性的值来判断，示例如下：
判断id为divid的div元素是否含有类样式divclass：
描述: 为每个匹配的元素添加指定的样式类名
$('div')addClass('className');//为所有div添加名为className的class1
removeClass
描述: 移除集合中每个匹配元素上一个，多个或全部样式。
$('div')removeClass('className');//将所有div上名为className的class移除1
toggleClass
描述: 在匹配的元素集合中的每个元素上添加或删除一个或多个样式类,取决于这个样式类是否存在或值切换属性。即：如果存在（不存在）就删除（添加）一个类。
$('div')toggleClass('className');//如果div上有这个class就删除，没有就添加。
思路：点击当前li元素后是用removeClass()删除所有兄弟元素（使用siblings()获取）的class样式，然后使用addClass()为当前li添加class。
具体演示如下：
1、HTML结构：设计三个li元素
<ul id="test">
<li>Glen</li>
<li>Tane</li>
<li>John</li>
</ul>
2、css样式：设计一个类selected，表示选中后的效果
<style>
selected{font-weight:bold; background: #ff99cc; color:#fff;}
</style>
3、jquery代码：
$(function(){
$("#test li")click(function() {
$(this)siblings('li')removeClass('selected'); // 删除其他兄弟元素的样式
$(this)addClass('selected'); // 添加当前元素的样式
});
});
4、效果演示：
本文实例讲述了jQuery实现鼠标划过添加和删除class的方法。分享给大家供大家参考。具体实现方法如下：
$('#elm')hover(
function(){
$(this)addClass('hover')
},
function(){
$(this)removeClass('hover')
}
)
希望本文所述对大家的jQuery程序设计有所帮助。
<!--原生js删除元素的方法是removechild('xxx'),如果想点击自己，移除自己，那么就要找到它的父元素，父元素再用removechild('xxx')来移除自己，括号里就是自己 -- >
<html>
<head>
<title></title>
<meta charset="utf-8" />
<style>
</style>
</head>
<body>
<ul>
<li>sdf </li>
<li>收到 </li>
<li>sd是对方是对f </li>
<li>是对浮点数 </li>
</ul>
<script>
var allLi=documentquerySelectorAll('li')
for(var a=0;a<allLilength;a++){
allLi[a]onclick=function(){
thisparentNoderemoveChild(this)
}
}
</script>
</body>
</html>
$(function(){
//alert(1);
$('m_l dl dt')mouseover(
function(){
//alert(1);
$('m_l dl dt')removeClass("m_1_class2");//清除class
$(this)addClass("m_1_class2");//添加class
}
以上就是关于如何用JavaScript删除指定class全部的内容，包括:如何用JavaScript删除指定class、jquery怎么获取下一个具有指定样式（class）的元素呢、jquery怎么在点击li标签之后添加一个在class，点击下一个li时删除上一个class等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）