jquery中 attr 和prop用法及区别

最新推荐文章于 2025-04-18 09:36:44 发布
原创 最新推荐文章于 2025-04-18 09:36:44 发布 · 347 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细解析了jQuery中attr和prop方法的使用，包括如何获取和设置元素属性，以及两者的区别。attr通常用于自定义属性，而prop则遵循W3C标准，适用于如checked、selected等属性。

1、attr

$(selector).attr(属性名称)        获取指定属性名称的属性值

$(selector).attr(属性名称，属性值)      设置属性名称和属性值

$(selector).attr({属性名称：属性值，属性名称：属性值，......})         设置多个属性名称和属性值

 

2、prop

$(selector).prop(属性名称)    获取指定属性名称的属性值

$(selector).prop(属性名称，属性值))    设置属性和值

$(selector).prop({属性名称：属性值，属性名称：属性值，......}})    设置多个属性和值

$(selector).removeProp(属性名称)      移除元素

attr和prop都可以操作标签的内部属性。

大多数情况下，

attr操作的是自定义的属性及属性值

prop操作的是w3c规定的属性及属性值

jquery的attr方法使用
04-13
NULL 博文链接：https://liuna718-163-com.iteye.com/blog/1717663
jQuery的attr（）方法
anfield的门柱
09-08 1450
1. attr(属性名) //获取属性的值（取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返回 undefined ） 2. attr(属性名, 属性值) //设置属性的值 （为所有匹配的元素设置一个属性值。） 3. attr(属性名,函数值) //设置属性的函数值 （为所有匹配的元素设置一个计算的属性值。不提供值，
jquery attr()方法
10-18 2364
jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()，attr()有4个表达式。 1. attr(属性名)        //获取属性的值（取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返回 undefined ）
jQuery中attr与prop
m0_52228992的博客
05-14 972
attr与prop非常相似，均可访问元素的属性值和设置属性值，但prop多用于设置（访问）DOM属性，attr没有限制,HTML、DOM均可 语法： 获取属性值：元素.attr("属性") 或者 元素.prop("属性") 设置属性值：元素.attr("属性","属性值") 或者 元素.prop("属性","属性值") 设置获取属性时，需要注意的是，这里的属性必须能够直接在html标签内写出，类似（<img src"XXX" width="100px">），这里的width可以访问并设.
jquery中prop和attr的区别
H5女王范儿
05-10 2555
jquery中prop和attr的区别prop:prop(name|properties|key,value|fn)**概述** 获取在匹配的元素集中的第一个元素的属性值。 随着一些内置属性的DOM元素或window对象，如果试图将删除该属性，浏览器可能会产生错误。 jQuery第一次分配undefined值的属性，而忽略了浏览器生成的任何错误**参数** name
jquery中attr和prop的区别
chengjiamei的专栏
02-06 1374
在高版本的jquery引入prop方法后，什么时候该用prop？什么时候用attr？它们两个之间有什么区别？这些问题就出现了。 关于它们两个的区别，网上的答案很多。这里谈谈我的心得，我的心得很简单： 对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。   上面的描述也许有点模糊，举几个例
jQ中attr和prop的区别分析
Academia_zhen的博客
08-28 548
在高版本的jquery引入prop方法后，什么时候该用prop？什么时候用attr？它们两个之间有什么区别？这些问题就出现了。 关于它们两个的区别，网上的答案很多。这里谈谈我的心得，我的心得很简单：  • 对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。  • 对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。 上面的描述也许有点模糊，举几个
jQuery 对比 .attr() 和 .prop()
最新发布
monian187的博客
04-18 910
jquery 获取和修改标签属性的 api .attr() 和 .prop() 对比。
jQuery的attr方法
YYxiaobao0726的博客
03-04 704
jQuery的attr方法有两种，这里讲解的都是基础的。就直接上代码吧，语法和注意事项都做好了注释。 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width
JQuery之attr与prop
ditan20061218的博客
05-22 157
前两天，在公司做前台开发时遇到一个问题，就是获取checkbox的选中状态，在使用attr获取时出现了一些状况，然后找到了prop方法。将两者区别记录一下，方便以后使用。 其实这两种方法的作用是一样的，只不过是涉及到不同的场景时有不同的应用。 应用参考如下： 1、对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。 2、对于HTM...
JQuery中attr()和prop()用法和区别
高靖博的博客
11-10 1788
jquery attr()方法 jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()，attr()有4个表达式。 1. attr(属性名) //获取属性的值（取得第一...
jquery中attr()和prop()的区别
Chloe_Yang的博客
04-11 732
我理解的jquery中attr()和prop()的区别 查了很多资料，官方解释如下： – attr() 方法设置或返回被选元素的属性和值。 – prop() 方法设置或返回被选元素的属性和值。 ？？？此处自动脑补黑人问号脸！！！我真的不理解啊！！！有区别吗这两句话？！ 还有一句解释： 注意：prop() 方法应该用于检索属性值，例如 DOM 属性（如 selectedIndex, tagNa...
jquery的attr
yyjiuguilian的博客
11-20 308
prop() 和 attr() 之间的不同 prop() 和 attr() 可能返回不同的值。本实例演示了当用于返回复选框的 “checked” 状态时的不同。 在jQuery中，attr()函数和prop()函数都用于设置或获取指定的属性，它们的参数和用法也几乎完全相同。 但不得不说的是，这两个函数的用处却并不相同。下面我们来详细介绍这两个函数之间的区别。 1、操作对象不同 很明显，attr和prop分别是单词attribute和property的缩写，并且它们均表示"属性"的意思。 不过，在jQuery
jQuery中attr()和prop()的区别与使用
在希
03-23 694
标题jQuery中attr()和prop()的区别与使用 最近在做项目的时候发现attr和prop的作用相同，但是有时候不知道到底该用哪个，因此就花了点时间查了查资料发现还是有区别的，总结如下： 一、attr和prop含义的区别 attr 是从页面搜索获得元素值，所以页面必须明确定义元素才能获取值，相对来说较慢。 prop是从属性对象中取值，属性对象中有多少属性，就能获取多少值，不需要在页面中显示...
jq之attr（）
wanggang182007的博客
01-10 185
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jq之demo</title> <!--线上jq库--> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script>.
jQuery prop() 方法
weixin_33725515的博客
03-11 128
1.方法简介 prop() 方法设置或返回被选元素的属性和值。     2.方法示例 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&gt; 　　　　 &lt;input type=&quot
jquery中的attr函数attr(name)、attr(key,value)、attr(properties)、attr(key,fn)、removeAttr
全栈工程师开发手册（原创）https://github.com/tencentmusic/cube-studio
08-29 3574
全栈工程师开发手册 （作者：栾鹏） jquery系列教程2-style样式操作全解 jquery通过attr函数操作元素属性jquery的attr函数，包括attr(name)、attr(key,value)、attr(properties)、attr(key,fn)、removeAttr，具体功能如代码中注释。代码如下：$cr.attr("src");
jQuery的attr()属性
shengzhu1的博客
03-14 1236
问题描述在咕咕云的开发中，需要用到ajax的方法显示任务详情，在此页面上回复任务，删除评论，评论评论（即评论的盖楼），但是盖楼的功能一直想不到怎么解决。JavaScript代码解决var cid = data.data.Task.comment[i].cid; replyComment.id = cid //遍历完成后才进入这个函数。。。。。如何解决？ replyComment.ad
attr与removeAttr 、prop与removeProp操作属性节点
WY001的博客
04-24 541
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-1.12.4.js"></script> <script&gt...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值