关于jquery中attr和prop的用法

使用prop与attr的区别

最新推荐文章于 2025-09-12 16:56:45 发布

转载最新推荐文章于 2025-09-12 16:56:45 发布 · 43 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zjdeblog/p/6137536.html

文章标签：

#javascript #ViewUI

本文介绍了在项目开发中，使用jQuery的prop与attr方法来控制checkbox全选功能的区别。通过实际案例展示了attr方法只能使checked属性生效一次的问题，并解释了如何通过使用prop方法解决这一问题。

在项目开发中，遇到过这个情况，做一个全选的功能，通过点击一个checkbox实现下面的checkbox全选，用attr设置的checked属性，只可以生效一次，再次点击就不起作用了，但确实触发了事件，后来问我老大，他让我用prop，我一试还真可以。

attr和prop的区别，可以看看这篇文章http://www.cnblogs.com/Showshare/p/different-between-attr-and-prop.html

转载于:https://www.cnblogs.com/zjdeblog/p/6137536.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30685029

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

jquery中attr和prop的区别

m0_47720236的博客

03-12

3436

一，获取属性的区别 ● attr() 操作标签上的属性 ● prop() 操作Boolean类型的属性和有特性(class id name)的属性 attr可以操作HTML标签中的属性，不管是固有属性，还是添加的自定义属性。都可以通过attr来设置。 prop同样可以操作HTML中的固有属性，但对于自定义属性便无能为力了下图可见对于标签的固有属性，建议用prop方法。如 id,class,width; 获取标签属性。对于标签的自定义属性，建议使用attr方法。二，获取属性值为boolean类型

jQuery中attr与prop

m0_52228992的博客

05-14

955

attr与prop非常相似，均可访问元素的属性值和设置属性值，但prop多用于设置（访问）DOM属性，attr没有限制,HTML、DOM均可语法：获取属性值：元素.attr("属性") 或者元素.prop("属性") 设置属性值：元素.attr("属性","属性值") 或者元素.prop("属性","属性值") 设置获取属性时，需要注意的是，这里的属性必须能够直接在html标签内写出，类似（<img src"XXX" width="100px">），这里的width可以访问并设.

参与评论您还未登录，请先登录后发表或查看评论

jquery中关于attr和prop的区别！

Java&Develop的博客

06-13

5844

昨天这两个方法搞混了,被公司大佬说了下，虽然没说什么，但还是挺尴尬的。重点是大佬说你可以用attr方法，我特么第一句话就是怎么用呢。原谅我使用vue之后太依赖框架的东西了，以至于以前jquery玩的也挺溜的我，慢慢淡忘了 jquery。罪过罪过呢！jquery还是一款很优秀的函数库，哎不说了继续码代码了。 $().attr() 允许我们往元素上加上自定义属性我们也可以用attr 获取提前定义好的在上面的自定义属性值当然也可以获取到元素自带的一些属性那么 attr 是获取和设置属性的

jquery中的attr()和prop()

2301_77121488的博客

05-16

1202

这个例子里a元素的DOM属性有hreftarget和class，这些属性就是a元素本身就带有的属性，也就是W3C标准里就包含有这几个属性，这些就叫做固有属性。处理这些属性时，建议使用prop()方法。这个例子里a元素的DOM属性有hrefid和del，很明显，前两个是固有属性，而后面一个del属性是我们自己自定义上去的，a元素本身是没有这个属性的。这种就是自定义的DOM属性，处理这些属性时，建议使用attr()方法。使用prop()方法取值和设置属性值时，都会返回undefined值。像checkbox。

Jquery中attr和prop的区别

极客神殿

07-17

1894

在高版本的jquery引入prop方法后，什么时候该用prop？什么时候用attr？它们两个之间有什么区别？这些问题就出现了。关于它们两个的区别，网上的答案很多。这里谈谈我的心得，我的心得很简单：对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。上面的描述也许有点模糊，举几个例子就知道了。 ...

jquery 中关于 attr 和prop使用

.Net9527的技术博客

01-21

531

$(‘input’).attr(‘type’) – 获取type属性的值 $(‘input’).attr(‘type’,‘checkbox’) – 设置type属性的值 $(‘input’).prop(‘type’) – 获取type属性的值 $(‘input’).prop(‘type’,‘checkbox’) – 设置type属性的值相同之处:其方法都是一样的,功能基本一致不同之处 prop 获取checked , selected ,disable 如果没有该属性返回 bool类

JQuery中attr()和prop()用法和区别

高靖博的博客

11-10

1756

jquery attr()方法 jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()，attr()有4个表达式。 1. attr(属性名) //获取属性的值（取得第一...

jQuery中attr和prop的区别

xiaouncle的博客

01-01

3772

在高版本的jQuery引入prop方法后，什么时候该用prop？什么时候该用attr？它们之间有什么区别？这些问题就出现了。关于它们的区别，我有一些自己的看法：

jQuery 对比 .attr() 和 .prop()

monian187的博客

04-18

816

jquery 获取和修改标签属性的 api .attr() 和 .prop() 对比。

jQuery 中 attr()和 prop()的区别

m0_71231013的博客

05-25

186

在 jQuery 里，我们要获取一个标签元素的属性，可以用 attr()方法或者 prop()方法，那么两者有什么区别呢？对于 HTML 元素本身就带有的固有属性，或者说 W3C 标准里就包含有这些属性，更直观的说法就是，编辑器里面可以智能提示出来的一些属性，如：src、href、value、class、name、checked等。在处理时，使用 prop() 方法。对于 HTML 元素我们自定义的 DOM 属性，即元素本身是没有这个属性的，如：data-*。在处理时，使用 attr() 方法。

jquery中attr和prop的区别分析

10-24

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

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

10-16

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

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

10-18

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

Jquery中attr与prop的区别详解

10-19

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

《Linux运维总结：Redis7.4.5哨兵集群开启ACL并配置用户》

东城绝神

09-12

372

《Linux运维总结：Redis7.4.5哨兵集群开启ACL并配置用户》

前后端开发Mock作用说明，mock.ts

循环编织时间年轮，递归叩问存在本质，谁能在硅基荒原上，种出思想的玫瑰……

09-12

351

mock.ts是前端开发中用于模拟后端接口的TypeScript文件，通过生成虚假数据使前端无需等待后端即可独立开发。它定义数据结构、模拟请求响应，并提供与真实接口一致的调用方式。示例展示了如何生成用户数据并模拟分页接口，使用vite-plugin-mock等工具实现。前端代码调用Mock接口与调用真实接口方式相同，待后端完成时只需替换接口地址即可平滑切换，实现了前后端并行开发。

JavaScript的功能和作用

2402_83164836的博客

09-10

497

JavaScript（简称 JS）是一种，最初设计用于为网页添加动态交互功能。经过多年发展，其应用场景已远超浏览器，成为覆盖前端、后端、移动端、桌面端甚至物联网等领域的“全场景语言”。

＜uniapp＞＜指针组件＞基于uniapp，编写一个自定义箭头指针组件

用沸腾的热血，支付我们的人生吧！

09-10

410

本文介绍了基于uniapp开发的自定义带箭头指针组件，通过SVG实现直线和箭头的组合效果。组件支持设置长度、颜色、角度等参数，并提供三种箭头规格(small/normal/big)可选。文章详细讲解了SVG结构的实现过程，包括计算终点坐标、响应式参数处理等核心功能，并展示了不同配置下的指针效果。该组件可用于时钟指针等场景，具有灵活性和复用性特点。

JavaScript经典面试题二（函数和作用域）