【前言】
最近做项目的时候遇到了一个坑,浪费了将近一晚上的时间,原因就是有一个地方要改变checkbox的状态,当时我使用的是attr("checked", true)来状态,当时遇到的问题就是我在chrome中运行正常,但是在微信开发者工具中运行出错,无法完全得改变多选框的状态,当时一直以为是代码的问题,于是就在代码上面找问题,找了挺久,然后也修改了很多,但是最后发现还是不行。
【主体】
无奈的我去查找资料,不找不知道,一找才发现,原来问题出现在这里。
在之前的JQuery版本中,都是使用attr()来访问对象的属性,比如取一个图片的alt属性,就可以使用$(".img").attr("alt")。但是在某些时候,比如访问input的disabled属性的时候就就会有些问题。在一些浏览器里,只要写了disabled属性就可以产生效果,但是在一些浏览器上就要写disabled="disabled"才能产生效果。所以,从1.6版本开始,jQuery提供新的方法prop()来获取这些属性。使用Prop()的时候,返回值是标准属性:true/false, 比如$("checkbox").prop('disabled'),不会返回'disabled'或者“ ”,只会返回true/false。
根据资料上的说明,我将attr("chedked", true)改成了prop("disabled", true),然后再查看效果,果然,问题解决了。这就是困扰了我一晚上的问题。
最后总结一下哪些属性应该用attr()访问,哪些属性应该使用prop()访问:
第一:只添加属性名称就可以使属性生效的就应该使用attr();
第二:只存在true/false的属性应该使用prop()。
按照官方的说明,如果是设置disabled和checked这些属性,应该使用prop()方法,而不应该使用attr()方法。
知识,总是要应用在实践中才叫知识。
【通俗理解】
(1)prop()获取匹配的元素的属性值。
(2)这个方法是jquery1.6以后出来的,用来区别之前的.attr()方法.
(3)区别最大的一点就是:布尔型的属性,1.6以后都是用.prop()方法就好了。
(4)这个布尔型的属性,再解释一下,是属性值只有true|false的属性。
(5)还有种情况就是只添加属性名,不需要写属性值的就可以生效的也同样使用.prop()方法。比如:checked、disable这样的,其实它们说到底还是属于布尔型的属性。
1.添加属性名称该属性就会生效应该使用prop();
2.是有true,false两个属性使用prop();
3.其他则使用attr();
.
相关推荐
相比attr,prop是1.6.1才新出来的,两者从中文意思理解,都是获取/设置属性的方法(attributes和properties)。只是,window或document中使用.attr()方法在jQuery1.6之前不能正常运行,因为window和document中不能有...
主要介绍了jquery中attr、prop、data区别与用法,结合实例形式分析了jQuery中attr、prop、data的区别、功能、使用方法及相关注意事项,需要的朋友可以参考下
主要介绍了jquery中attr和prop的区别分析的相关资料,需要的朋友可以参考下
在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?...下面这篇文章主要给大家介绍了Jquery中attr与prop区别的相关资料,需要的朋友可以参考借鉴,下面来一起看看吧。
jQuery1.6中新添加了一个prop方法,看起来和用起来都和attr方法一样,这两个方法有什么区别呢?这要从HTMl 的attribute与property区别说起,attr与prop正是这两个东西的缩写
主要介绍了jQuery操作attr、prop、val()/text()/html()、class属性 ,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
官方例举的例子感觉和attr()差不多,也不知道有什么区别,既然有了prop()这个新方法,不可能没用吧,那什么时候该用attr(),什么时候该用prop()呢
主要介绍了jQuery checkbox选中问题之prop与attr注意点,结合form表单实例形式分析了针对火狐浏览器下checkbox失效情况的处理技巧,需要的朋友可以参考下
Python是一种解释型的、面向对象的、带有动态语义的高级程序设计语言。它是由荷兰人吉多·罗萨姆于1989年发布的,第一个公开发行版发行于1991年。Python注重解决问题的方法,而不是语法和结构。...
主要介绍了jQuery获取attr()与prop()属性值的方法及区别介绍的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
主要介绍了jQuery中attr()与prop()函数用法,结合实例形式详细分析了attr()与prop()函数的使用技巧与相关注意事项,并附带了attr()与prop()函数用法的区别,需要的朋友可以参考下
主要介绍了jquery判断复选框选中状态以及区分attr和prop,感兴趣的小伙伴们可以参考一下
Prop和attr的作用类似,相同点:两者都可以获取属性值和设置属性值,下面为大家介绍下具体的使用
下面小编就为大家带来一篇详谈jQuery中使用attr(), prop(), val()获取value的异同。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
1、.prop( propertyName ) 获取....attr()区别 下面是关于jQuery1.6和1.6.1中Attributes模块变化的描述,以及.attr()方法和.prop()方法的首选使用 Attributes模块的变化是移除了attributes和properties之间模棱两可的东