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>
时间: 2024-10-15 02:18:40

jquery attr()和prop()方法的使用的相关文章

input是否checked与使用jquery的attr或prop方法无关

最近在项目中有这样一个需求,用户在下单时可以选择优惠券,也可取消选择,并且可以多次选择,取消. 这是一个典型的input标签checked功能,博主使用radio元素实现此需求,但是优惠券只能选中,不能取消选中,多次操作始终为选中状态. 网上搜索,看到很多帖子.博文,文中讲述使用jquery的prop方法替换attr方法可解决元素多次选择取消的问题,但是博主使用此方法并未解决问题,最后发现是点击事件引起的问题. 标签元素如下: <input class="J_UseCouponSelect

jQuery中attr和prop方法的区别

相比attr,prop是1.6.1才新出来的,两者从中文意思理解,都是获取/设置属性的方法(attributes和properties).只是,window或document中使用.attr()方法在jQuery1.6之前不能正常运行,因为window和document中不能有attributes.prop应运而生了. 之前看网上对比两者的文章,更是列出一个表来区分什么标签下使用prop,什么标签下使用attr,原谅我是懒惰的人,最害怕要背的东西,所以只有自己想想办法了. 既然我们想知道他们两的

[JS]jQuery中attr和prop方法的区别

相比attr,prop是1.6.1才新出来的,两者从中文意思理解,都是获取/设置属性的方法(attributes和properties).只是,window或document中使用.attr()方法在jQuery1.6之前不能正常运行,因为window和document中不能有attributes.prop应运而生了. 之前看网上对比两者的文章,更是列出一个表来区分什么标签下使用prop,什么标签下使用attr,原谅我是懒惰的人,最害怕要背的东西,所以只有自己想想办法了. 既然我们想知道他们两的

jQuery 中 attr() 和 prop() 方法的区别&lt;转&gt;

前几天,有人给 Multiple Select 插件 提了问题: setSelects doesn't work in Firefox when using jquery 1.9.0 一直都在用 jQuery 1.8.3 的版本,没有尝试过 jQuery 1.9.0 的版本. 于是,开始调试代码,在 1.9.0 的版本中: <input type="checkbox" /> <script> $(function() { $('input').click(fun

jquery利用attr、prop方法获取、设置input的checked属性

在jquery中应该使用prop方法来获取和设置checked属性,不应该使用attr,需要的朋友可以参考下. 1.prop方法获取.设置checked属性<input type="checkbox" name="checkboxMain" οnclick="CheckAll(this);" />function CheckAll(obj) {   //获取checked属性   if ($(obj).prop("check

jQuery .attr() vs. .prop()

Property vs. Attribute 在开始正式比较prop()和attr()两个jQuery方法之前,我们有必要先弄清一下Property和Attribute两个单词的意思.在中文里面,它们都是属性的意思,那究竟有什么区别呢?我是这么理解的(曾经在<深入浅出WPF>一书中看到过一些关于XAML相关的解释,觉得这里也是适用的): Property - 属性.字段,这是站在面向对象的层面去理解的,当我们将现实中的某一物体用代码把它抽象出来时,那么它的属性我们就用Property来表示.在

[jquery]attr和prop的区别

转自:http://www.cnblogs.com/Showshare/p/different-between-attr-and-prop.html 在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了. 关于它们两个的区别,网上的答案很多.这里谈谈我的心得,我的心得很简单: 对于HTML元素本身就带有的固有属性,在处理时,使用prop方法. 对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法. 上面的描

jquery attr和prop区别

一.注意: 1.prop的性能更高,因为attr需要访问DOM属性节点,访问DOM是最耗时的.这种情况适用于多选项全选和反选的情况 2.在遇到要获取或设置checked,selected,readonly和disabled等属性时,用prop方法显然更好,比如像下面这样: <input type="checkbox" id="test" checked="checked" />console.log(el.attr("che

jQuery attr 与 prop 区别最简单分析

比较经典的解释: 在处理html元素本身就带有的固有属性时,使用prop方法,对于html元素中,我们自己定义的dom属性时,使用attr方法. 而咱自己的理解是: attr会忠实的获取设置dom标签中的任何字符串,里面有的,都能读取,而且是什么就读取什么,不会隐身转换,没有的读取的值为'undefined'. 而prop只能读取浏览器里提前封装好的dom属性,即固有属性,对于自定义的东东,不认识,也因为是提前和浏览器勾搭好了,所以能隐式转换,比如选择按钮的checked,它就知道返回ture.