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,我们将及时处理。
微信扫码关注
更新实时通知