JQuery1.6中.attr()和.prop()的区别

最新推荐文章于 2025-11-27 12:57:01 发布
原创 最新推荐文章于 2025-11-27 12:57:01 发布 · 174 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #ViewUI

本文深入探讨了jQuery中attr与prop方法的使用差异，通过国外程序员的详细解析，揭示了两者在处理元素属性时的细微区别。文章提供了从源码级别的解释，帮助开发者更清晰地理解这两个方法的应用场景。

.prop()这在1.6之后引入的方法在JQuery的官方文档上的解释的很坑爹，就是attribute和property的区别。

对于不清楚attribute和property的区别的人来说，根本看不出来啥区别。

找到两篇国外程序员兄弟的博客，写的不错，记录一下链接：

http://techbrij.com/jquery-attr-vs-prop-difference

http://jq4you.blogspot.com/2013/04/jquery-attr-vs-prop-difference.html

 

这位兄台从源码级别做了一些解释，也不错：

http://www.javascript100.com/?p=877

 

关于jQuery中.attr()和.prop()的问题探讨
10-26
在jQuery1.6之前的版本中，.attr()方法用于处理所有的属性操作，无论是普通的属性（如id、name、title等），还是Boolean属性（如checked、selected、disabled等）。然而，随着jQuery的演进和对HTML5标准的支持，...
jQuery1.6_英文版.chm.zip
06-02
这个"jQuery1.6_英文版.chm"压缩包包含的是jQuery库的1.6版本的官方英文文档，对于学习和理解jQuery 1.6的特性和用法具有极高的参考价值。 **jQuery简介** jQuery是由John Resig在2006年创建的，它的目标是简化...
jQuery 对比 .attr() 和 .prop()
monian187的博客
04-18 904
jquery 获取和修改标签属性的 api .attr() 和 .prop() 对比。
jquery1.6中的.prop()和.attr()异同
codeAB
07-31 633
最近在iteye的新闻中看到jQuery已经更新到了1.6.1。和之前版本的最大变化是增加了.prop方法。但是.prop()方法和.attr()方法，单从字面上很难区分。在汉语中properties和attributes都有表示“属性”的意思。 下面根据这篇博文（javascript:mctmp(0);），简要翻译了.prop()和.attr()的用法： 1、从1.5.2升级到1.6.1
jQuery 1.6 .attr() 和 .prop()
happymagic的专栏
03-22 1855
延伸 jQuery 1.6.1 .attr() 和 .prop()JavaScript property 、 DOM property 、 HTML attribute 先推薦黑暗執行緒的 jQuery 1.6 筆記。看完就不用看官方的 JQUERY 1.6 RELEASED 了。看到 .attr() 和 .prop() 臉都綠了，慘，一堆東西要爆了。自己沒爆，也難保第三方的 jQ
.prop（）与.attr（）
asdfgh0077的博客
12-30 795
因此， jQuery 1.6具有新的功能prop() 。 $(selector).click(function(){ //instead of: this.getAttribut
Jquery 1.6+ .prop()与.attr()方法比较
web爱好者 专栏
07-16 385
今天在用JQuery的时候发现一个问题用.attr("checked")获取checkbox的checked属性时选中的时候可以取到值,值为"checked"但没选中获取值就是undefined. 解决这个文章我参考了这个帖子： http://bugs.jquery.com/ticket/9812 http://www.tc5u.comwww.tc5u.com 为什么jquer
jquery1.6之后的.prop()和.attr()异同
马金波
01-03 392
最大区别使用如下图： 细节详见：http://hxq0506.iteye.com/blog/1046334
jQuery中attr()和prop()的区别与使用
热门推荐
wuyujin1997的博客
03-29 1万+
API attr()系列 attr(attributeName) 读取第一个匹配到的元素的指定属性值。 attr(attributeName, value) 设置单个指定的属性值。 attr(attributes) 设置多个。 attr(attributeName, func) func为function(index, thisAttr)。 prop(...
Jquery中attr和prop的区别
极客神殿
07-17 1910
在高版本的jquery引入prop方法后，什么时候该用prop？什么时候用attr？它们两个之间有什么区别？这些问题就出现了。 关于它们两个的区别，网上的答案很多。这里谈谈我的心得，我的心得很简单： 对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。 对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。 上面的描述也许有点模糊，举几个例子就知道了。 ...
Jquery中1.6.x中新的方法prop()方法
dmrdmlqvm002182128的博客
07-03 129
在以前给html控件添加属性可以使用attr()来添加，但是在1.6.x以后attr方法对readonly不再起作用， 而新方法prop()正好替代该方法，prop()可以设置以true和false为值的属性。 使用方法和原先的一样 $("#id").prop("readonly",true);//设置只读属性 $("#id").prop("readonly",false);//...
jquery1.6中文API.chm
06-16
本篇将详细探讨jQuery 1.6版本中的核心API，以及如何利用这些API来提升网页交互体验。 首先，jQuery 1.6是一个重要的版本更新，它引入了一些关键的改进和新特性。例如，`.attr()`和`.prop()`方法的分离，使得开发者...
详谈jQuery中使用attr(), prop(), val()获取value的异同
10-19
在jQuery中，`attr()`, `prop()`, 和 `val()` 都是用来获取或设置HTML元素属性的方法，但在处理特定属性如"value"时，它们之间存在微妙的差异。这篇文章将详细探讨这三种方法在获取input元素value值时的不同之处。 ...
jQuery中attr()和prop()在修改checked属性时的区别
10-25
在jQuery中，`attr()`和`prop()`方法都是用来处理元素属性的，但它们之间存在重要的区别，尤其是在处理特定属性如`checked`时。`attr()`主要用于获取或设置HTML元素的attribute，而`prop()`则是用于操作元素的特性...
Vue开发工具使用技巧
2509_93946471的博客
11-24 337
打开DevTools的"Events"标签页，所有组件间传递的事件都会按时间顺序列出来，连事件负载数据都能展开看详情。更绝的是，你还能手动触发事件——比如在父组件里模拟一个事件，直接测试子组件的响应逻辑，省得反复修改代码来调试。如果组件用了作用域插槽，可以在"Scoped Slots"子面板里实时查看slot传递的数据内容，比在模板里写调试代码清爽得多。路由调试经常被忽略。热重载调试时，如果发现修改代码后页面没及时更新，可以到DevTools的"Settings"里勾选"Log reloads"选项。
【基础】EGG.js 框架内置基础对象
林见鹿鸣
11-24 913
在。
Vue 项目实战《尚医通》，路由鉴权完成，笔记71
Rockandrollman的博客
11-23 179
Vue 项目实战《尚医通》，路由鉴权完成，笔记71
Electron 与 OpenHarmony 的实战入门：手把手打造一个安全的简易记事本应用
最新发布
已掌握java全栈，简单的java项目逻辑。目前正在学习鸿蒙开发，有兴趣的小伙伴可以一起学习！！！
11-27 607
这个“简易记事本”虽只有几十行代码，却完整体现了 现代桌面应用的安全架构思想。它不仅是 Electron 的最佳入门实践，更是通往 OpenHarmony 全场景开发的桥梁。
Vue网站
2509_93947362的博客
11-24 197
给大家分享个实用技巧：组件通信时，简单的父子传参用props/$emit搞定，复杂场景就用Vuex，千万别为了省事滥用event bus，不然项目大了事件流会乱成麻花。以前写数据绑定总要搞一堆繁琐的DOM操作，现在一个双大括号{{data}}就能搞定，新手看了五分钟就能上手写页面。刚开始觉得小项目用Vuex太重量级，后来发现即便是最简单的购物车功能，随着业务复杂度的提升，最终还是得引入状态管理。特别是把相同业务逻辑抽离成composable函数后，在不同组件里直接引入就能用，代码复用率明显提升。
jQuery 1.6 中文API文档：属性和方法快速查询指南
在实际应用中，开发者可以通过jQuery 1.6中文API方便地查询到各种属性和方法的用法，快速定位问题解决方案，提升开发效率。无论是在处理DOM操作，还是在实现复杂的用户交互时，jQuery都提供了丰富的方法和灵活的接口...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值