Jquery 1.6+ .prop()与.attr()方法比较
今天在用JQuery的时候发现一个问题用.attr("checked")获取checkbox的checked属性时选中的时候可以取到值,值为"checked"但没选中获取值就是undefined.
解决这个文章我参考了这个帖子：
http://bugs.jquery.com/ticket/9812
为什么jquery 1.6+增加了.prop()方法，因为在有些浏览器中比如说只要写disabled，checked就可以了，而有的要写成disabled = "disabled"，checked="checked"。所以，从1.6开始，jq提供新的方法“prop”来获取这些属性。
以前我们使用attr获取checked属性时返回"checked"和"",现在使用prop方法获取属性则统一返回true和false。
那么，什么时候使用attr，什么时候使用prop？？
1.添加属性名称该属性就会生效应该使用prop.
2.是有true,false两个属性使用prop.
3.其他则使用attr
项目中jquery升级的时候大家要注意这点！
以下是官方建议attr(),prop()的使用：
| accesskey | √ | |
| align | √ | |
| async | √ | √ |
| autofocus | √ | √ |
| checked | √ | √ |
| class | √ | |
| contenteditable | √ | |
| draggable | √ | |
| href | √ | |
| id | √ | |
| label | √ | |
| location ( i.e. window.location ) | √ | √ |
| multiple | √ | √ |
| readOnly | √ | √ |
| rel | √ | |
| selected | √ | √ |
| src | √ | |
| tabindex | √ | |
| title | √ | |
| type | √ | |
width ( if needed over .width() ) |
√ |
相关推荐
在jQuery中，`attr()`和`prop()`方法都是用来处理元素的属性（attributes）和特性（properties），但它们之间存在一些关键的区别。了解这些差异对于编写高效、无误的JavaScript代码至关重要。 首先，属性...
本文将重点分析在火狐（Firefox）浏览器下，使用jQuery的prop和attr方法来设置checkbox选中状态的不同表现和解决方法。 首先，需要了解的是，在jQuery中，attr方法是用来获取或设置HTML属性的值，而prop方法则是...
本文将深入探讨`.prop()`方法，特别是它在实现表格行全选与反选中的应用，同时还会涉及到`jquery.tableCheckbox.js`这个插件。 首先，`.prop()`方法是用来处理元素的属性（properties），如`checked`、`selected`或...
在jQuery中，`attr` 和 `prop` 是两个用于获取和设置HTML元素属性的方法，但它们之间存在着重要的差异。理解这两个方法的区别对于高效且准确地操作DOM至关重要。 首先，`attr` 方法主要用于处理HTML元素的自定义...
jQuery作为前端开发中非常重要的JavaScript库，其提供的attr、prop和data方法分别用于操作HTML元素的属性，理解它们的区别与用法对于前端开发人员来说非常重要。本文将结合实例详细分析这三个方法的差异、功能、使用...
在jQuery中，`attr()`, `prop()`, 和 `val()` 都是用来获取或设置HTML元素属性的方法，但在处理特定属性如"value"时，它们之间存在微妙的差异。这篇文章将详细探讨这三种方法在获取input元素value值时的不同之处。 ...
在jQuery的高版本中，推荐使用 `prop()` 来处理那些与元素交互密切相关的属性，而 `attr()` 更适合处理样式、链接、数据等非状态属性。正确地使用这两个方法，可以避免兼容性问题，并确保代码在各种浏览器环境下都能...
在高版本的jquery引入prop方法后，什么时候该用prop？什么时候用attr？关于它们两个的区别，这里谈谈我的心得，我的心得很简单：对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。对于HTML元素我们自己...
在高版本的jQuery中，引入`prop`方法是为了更精确地处理元素的特性，特别是那些与JavaScript行为密切相关的属性。 首先，`attr`主要用于处理HTML元素的特性（attributes），这些特性通常在HTML标签中定义，如`id`、...
prop() 方法设置或返回被选元素的属性和值。 当该方法用于返回属性值时，则返回第一个匹配元素的值。 当该方法用于设置属性值时，则为匹配元素集合设置一个或多个属性/值对。 注意：prop() 方法应该用于检索属性值...
但是，为了适应jQuery 1.6中对`.attr()`和`.prop()`方法的更新，一些在之前版本中通过`.attr()`方法设置的属性需要改用`.prop()`方法来处理，特别是在处理布尔值属性时。 例如，在jQuery 1.6中，使用`.attr()`方法...
在jQuery中，`attr()` 和 `prop()` 都是用来处理元素属性的方法，但它们之间存在重要的差异，这些差异主要体现在处理DOM元素的状态和属性值上。以下是对这两个方法的详细解释和对比： **attr() 方法** `attr()` ...
在jQuery中，`prop()`和`attr()`方法都是用于处理元素的属性（attributes），但它们之间存在一些重要的差异。本文将详细介绍`prop()`的使用以及它与`attr()`的区别。 首先，`prop()`方法主要用于处理那些与DOM元素...
这篇文章将探讨jQuery中的.attr()和.prop()方法，并解释它们之间主要的区别，特别是在处理Boolean值属性时的差异。 首先，.attr()方法是jQuery早期版本中用于获取和设置HTML元素属性的主要方法。它接受两个参数，第...
本文实例讲述了jQuery中attr()与prop()函数用法。分享给大家供大家参考，具体如下： 一、jQuery的attr()方法 jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常...
在jQuery中，`attr()`和`prop()`方法都是用来处理HTML元素的属性，但它们有着不同的用法和适用场景。`attr()`主要用于处理标准的HTML属性，如`id`、`class`、`href`等，而`prop()`则更倾向于处理DOM元素的布尔属性或...