jquery对class的操作

时间：6年前阅读：4669

关于对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,我们将及时处理。

微信扫码关注

更新实时通知

jquery对class的操作

网友评论