码迷,mamicode.com
首页 > Web开发 > 详细

jquery attr()和prop()方法的使用

时间:2016-04-03 23:41:54      阅读:263      评论:0      收藏:0      [点我收藏+]

标签:

 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 </head>
 8 <body>
 9 <a href="http://www.baidu.com" class="baidu">百度</a>
10 <a href="http://www.souhu.com" class="souhu">百度</a>
11 <a href="http://www.xinlang.com" class="xinlng">百度</a>
12 
13 <script type="text/javascript">
14 
15     $(document).ready(function () {
16         var __attr = $("a").attr("href");//获取属性值
17         console.log(__attr);
18 
19         $("a").each(function (index, elem) {// index是索引 elem当前元素
20 //            var num=$(elem).attr("href","www.eshenghuo365.com");//设置属性值
21 //            var num=$(elem).attr({‘href‘:‘www.eshenghuo365.com‘,‘title‘:"e生活"});//设置多个属性值
22 //        $(elem).attr("href",function(index,value){//动态设置属性 index是索引 value是当前属性值
23 //            if(value.indexOf(‘souhu‘)){
24 //                $(this).next().css("font-size","100px")
25 //
26 //            }
27 //        });
28 //       $("a:odd").removeAttr("href"); //删除偶数行的属性
29 //       $("a:even").removeAttr("href");//删除奇数行的属性
30             console.log($(elem).prop("className"));
31 //            console.log(num);
32 
33         });
34     });
35 
36 </script>
37 </body>
38 </html>

 

jquery attr()和prop()方法的使用

标签:

原文地址:http://www.cnblogs.com/wujindong/p/5350895.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!