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

Posted 平凡的世界

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery attr()和prop()方法的使用相关的知识,希望对你有一定的参考价值。

 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()方法的使用的主要内容,如果未能解决你的问题,请参考以下文章

Jquery学习笔记--jquery中attr和prop的区别精辟

jquery里的attr()方法和prop()方法的区别

jQuery中attr和prop的区别

jQuery之attr()和prop()的区别

jQuery之attr()和prop()的区别

jQuery中的prop()和attr()的区别