`

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

jquery 
阅读更多
jquery1.6中新加了一个方法prop()，一直没用过它，官方解释只有一句话:获取在匹配的元素集中的第一个元素的属性值。

官方例举的例子感觉和attr()差不多，也不知道有什么区别，既然有了prop()这个新方法，不可能没用吧，那什么时候该用attr()，什么时候该用prop()呢？

大家都知道有的浏览器只要写disabled，checked就可以了，而有的要写成disabled = "disabled"，checked="checked"，比如用attr("checked")获取checkbox的checked属性时选中的时候可以取到值,值为"checked"但没选中获取值就是undefined。

jq提供新的方法“prop”来获取这些属性，就是来解决这个问题的，以前我们使用attr获取checked属性时返回"checked"和"",现在使用prop方法获取属性则统一返回true和false。

那么，什么时候使用attr()，什么时候使用prop()？
1.添加属性名称该属性就会生效应该使用prop();
2.是有true,false两个属性使用prop();
3.其他则使用attr();
项目中jquery升级的时候大家要注意这点！
分享到：
| Firebug & Chrome Console 控制台使用指南
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jquery中prop()方法和attr()方法的区别浅析

    在jQuery中，`attr()`和`prop()`方法都是用来处理元素的属性（attributes）和特性（properties），但它们之间存在一些关键的区别。了解这些差异对于编写高效、无误的JavaScript代码至关重要。 首先，属性...

    jquery中attr和prop的区别分析

    在jQuery中，`attr` 和 `prop` 是两个用于获取和设置HTML元素属性的方法，但它们之间存在着重要的差异。理解这两个方法的区别对于高效且准确地操作DOM至关重要。 首先，`attr` 方法主要用于处理HTML元素的自定义...

    jQuery中 prop() attr()使用详解

    在高版本的jquery引入prop方法后，什么时候该用prop？什么时候用attr？关于它们两个的区别，这里谈谈我的心得，我的心得很简单：对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。对于HTML元素我们自己...

    jQuery .prop()属性全选反选

    本文将深入探讨`.prop()`方法，特别是它在实现表格行全选与反选中的应用，同时还会涉及到`jquery.tableCheckbox.js`这个插件。 首先，`.prop()`方法是用来处理元素的属性（properties），如`checked`、`selected`或...

    jQuery学习之prop和attr的区别示例介绍

    但是，为了适应jQuery 1.6中对`.attr()`和`.prop()`方法的更新，一些在之前版本中通过`.attr()`方法设置的属性需要改用`.prop()`方法来处理，特别是在处理布尔值属性时。 例如，在jQuery 1.6中，使用`.attr()`方法...

    jQuery获取attr()与prop()属性值的方法及区别介绍

    在jQuery中，`attr()` 和 `prop()` 都是用来获取或设置HTML元素属性的方法，但它们之间存在着重要的区别。在了解这些区别之前，先要理解HTML的attribute（特性）和property（属性）的概念。 Attribute是HTML标记...

    jquery中attr、prop、data区别与用法分析

    jQuery作为前端开发中非常重要的JavaScript库，其提供的attr、prop和data方法分别用于操作HTML元素的属性，理解它们的区别与用法对于前端开发人员来说非常重要。本文将结合实例详细分析这三个方法的差异、功能、使用...

    jQuery checkbox选中问题之prop与attr注意点分析

    本文将重点分析在火狐（Firefox）浏览器下，使用jQuery的prop和attr方法来设置checkbox选中状态的不同表现和解决方法。 首先，需要了解的是，在jQuery中，attr方法是用来获取或设置HTML属性的值，而prop方法则是...

    详谈jQuery中使用attr(), prop(), val()获取value的异同

    在jQuery中，`attr()`, `prop()`, 和 `val()` 都是用来获取或设置HTML元素属性的方法，但在处理特定属性如"value"时，它们之间存在微妙的差异。这篇文章将详细探讨这三种方法在获取input元素value值时的不同之处。 ...

    详解jQuery中的prop()使用方法

    prop() 方法设置或返回被选元素的属性和值。 当该方法用于返回属性值时，则返回第一个匹配元素的值。 当该方法用于设置属性值时，则为匹配元素集合设置一个或多个属性/值对。 注意：prop() 方法应该用于检索属性值...

    关于jquery中attr()和prop()方法的区别

    在jQuery中，`attr()` 和 `prop()` 都是用来处理元素属性的方法，但它们之间存在重要的差异，这些差异主要体现在处理DOM元素的状态和属性值上。以下是对这两个方法的详细解释和对比： **attr() 方法** `attr()` ...

    Jquery中attr与prop的区别详解

    在jQuery中，`attr`和`prop`是两个用于获取和设置HTML元素属性的方法，但它们之间存在着重要的区别。在高版本的jQuery中，引入`prop`方法是为了更精确地处理元素的特性，特别是那些与JavaScript行为密切相关的属性。...

    jquery获取自定义属性(attr和prop)实例介绍

    在jQuery中，`attr()`和`prop()`方法都是用来处理HTML元素的属性，但它们有着不同的用法和适用场景。`attr()`主要用于处理标准的HTML属性，如`id`、`class`、`href`等，而`prop()`则更倾向于处理DOM元素的布尔属性或...

    jquery常用的方法

    以上就是jQuery中一些常见的方法，它们构成了jQuery强大功能的基础，极大地简化了JavaScript的DOM操作和事件处理。在实际开发中，结合这些方法，开发者可以轻松地创建交互式网页和复杂的用户界面。

    JS中attr和prop属性的区别以及优先选择示例介绍

    在JavaScript的jQuery库中，`attr`和`prop`都是用于获取或设置元素属性的方法，但它们之间存在一些重要的区别。这些方法的使用场景不同，理解它们的差异对于编写高效且正确的JavaScript代码至关重要。 首先，`attr`...

    jquery prop的使用介绍及与attr的区别

    在jQuery中，`prop()`和`attr()`方法都是用于处理元素的属性（attributes），但它们之间存在一些重要的差异。本文将详细介绍`prop()`的使用以及它与`attr()`的区别。 首先，`prop()`方法主要用于处理那些与DOM元素...

Magicbox
Global site tag (gtag.js) - Google Analytics