可以使用jQuery的attr方法来实现对某一元素的的class的属性的添加或者删除，attr() 方法设置或返回被选元素的属性值.根据该方法不同的参数，其工作方式也有所差异，可以使用removeclass来删除class属性。
工具原料：编辑器、浏览器
1、为li添加class属性：
为某个li元素添加class=“special”的属性
$('li').attr('class','special')2、删除class属性：
$("li").removeClass("special")})
<!DOCTYPE html><html>
<head>
<title>测试页面2</title>
<meta charset="UTF-8"/>
<style>
.tdiv{
border:2px solid
}
</style>
<script>
function test(ele){
var pDiv=ele.parentNode
if(pDiv.className==" "){
pDiv.className="tdiv"
}else{
pDiv.className=" "
}
}
//还可以用classList，这种方法更流畅
function test2(ele){
var pDiv=ele.parentNode
if(pDiv.classList.contains("tdiv")){
pDiv.classList.remove("tdiv")
}else{
pDiv.classList.add("tdiv")
}
}
</script>
</head>
<body>
<div>
<a onclick="test(this)">测试</a>
</div>
</body>
</html>
jquery可以使用attr()或prop()方法修改类名，javascript可以修改对象的className属性，关键代码如下：
$("#test").attr("class","blue")$("#test").prop("class","blue")
document.getElementById("test").className = "blue"
