jquery对class的操作

时间:5年前   阅读:4627

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

微信扫码关注

更新实时通知

上一篇:installing package kernel-xx needs xMB on the /boot filesystem

下一篇:50ETF期权投资中几种常见的交易心理陷阱

网友评论

请先 登录 再评论,若不是会员请先 注册