首页 / JQUERY / jquery 相关class属性的操作

jquery 相关class属性的操作

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jquery 相关class属性的操作，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2015字，纯文字阅读大概需要3分钟。

内容图文

             1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>wrap</title>
 6     <script type="text/javascript" src="../jquery/jquery-1.11.3.min.js"></script>
 7     <style type="text/css">
 8         .lianjie{display: inline-block;border:1px solid red}
 9        .border{border:1px solid red}
10        .border1{outline: 4px dotted green }
11     </style>
12 </head>
13 <body>
14 <a href="http://www.baidu.com"class="baidu">百度</a>
15 <a href="http://www.souhu.com"class="souhu">百度</a>
16 <a href="http://www.xinlang.com"class="xinlng">百度</a>
17 <img src="1.jpg" alt="这是张图片"/>
1819 <script type="text/javascript">
20    $(document).ready(function(){
21         $("img").addClass("picture");//添加class属性22         $("img").removeClass("picture").addClass("t_pic");//删除并添加class属性23         console.log($("img").hasClass("t_pic"));//hasClass检测是否存在Class属性2425         $("a:odd").addClass("lianjie");//odd 奇数 even偶数2627         $("a").addClass(function(index,eclass){//动态添加class属性 index是索引 elcass处理当前元素拥有的class属性28if(index%2==0){
29return"even";
30             }else{
31return"odd";
32            }
33        });
3435         $("a").filter(":odd").addClass("oddClass").end()//filter()筛选出于表达式匹配的结果集 end()返回最近一次的破坏性操作之前，将匹配的元素列表变为前一次状态36                 .filter(":even").addClass("evenClass");
3738         $("<button>toggle</button>").appendTo("body").click(doToggle);
3940        function doToggle(e){
41//            $("img").toggleClass("border");//toggleClass切换class
42//            $("img").toggleClass("border border1");//toggleClass切换多个class
43//            $("img").toggleClass();//toggleClass()不添加参数的话是切换全部class
44//            $("img").toggleClass("border",false);//toggleClass()第二个参数是false只删除
45//            $("img").toggleClass("border",true);//toggleClass()第二个参数是true值添加46             $("a").toggle(function(index,currentClass){
4748if(index%2==0){
49return"border";
50                 }else{
51return"border1";
52                }
5354            });
5556            e.preventDefault();
57        }
5859    });
6061 </script>
62 </body>
63 </html>

 

原文：http://www.cnblogs.com/wujindong/p/5352412.html

内容总结

以上是互联网集市为您收集整理的jquery 相关class属性的操作全部内容，希望文章能够帮你解决jquery 相关class属性的操作所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1207461.html

来源：【匿名】