1949啦网--小小 痛苦,是因为能力和欲望不匹配造成的

jquery对class的操作

关于对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

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。

微信扫码关注

更新实时通知

作者:xialibing 分类:网页教程 浏览: