关于对class的操作有增、删、改、查另外还会有一个就是选择性添加删除，也就是如果此标签有此class就删除，若没有此class就添加上去
1. addClass() 方法向被选元素添加一个或多个类。还可以为方法传入一个函数(当添加的class已经存在的时候就不会重复添加)
2. removeClass() 方法从被选元素移除一个或多个类。若移除多个类需要用空格隔开每个类。若不传参会移除所有的类。可以传入一个函数，函数的第一个参数是标签所在在位置的下标，第二个参数是已经存在的class名。（当指定要删除的class不存在的时候，此时相当于没有做操作，也就是说此操作不会报错也没对元素的标签起到作用）
3. 修改class的方法待定
4. hasClass()所谓的查也就是说判断某元素是否含有此class的名字
5. toggleClass() 对设置或移除被选元素的一个或多个类进行切换。该方法检查每个元素中指定的类。如果不存在则添加类，如果已设置则删除之。这就是所谓的切换效果。不过，通过使用 "switch" 参数，您能够规定只删除或只添加类。
示例代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="../tu/jquery-1.11.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$("#dd").click(function(){
// 给h1加一个新的class addClass这个属性是专门操作class的
$('#title').addClass('abc');
// 删除class属性值 class有四个属性值 打上哪个(biaoti)就删除哪个值(biaoti)删除
// $('#title').removeClass('biaoti');
// toggle自动按钮,打上去的话里面有就删除,没有就加上去;
// $('#title').toggleClass('biaoti');
})
})
</script>
</head>
<body>
<input type="button" name="dd" id="dd" value="按钮" />
<h1 id="title" class="hd bt biaoti houdu">好看的电影，电视节目</h1>
</body>
</html>
原文链接：https://www.qiquanji.com/post/7781.html
本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。
微信扫码关注
更新实时通知