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