jquery中prop和attr，jq中prop和attr的区别

jquery获取当前点击的a标签的自定义属性

首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。在index.html中的script标签，输入jquery代码：$(body).append($(a).attr(id))；。浏览器运行index.html页面，此时成功获取到了a标签的id值。

新建一个html文件，命名为test.html，用于讲解。在test.html文件内，在p标签内，使用a标签创建一个链接，同时设置id为mylink，主要用于下面通过该id获得a对象。在test.html文件内，给a标签添加title属性，属性值为“这是测试的链接”。

$(#textId).attr(width)是获取Id为textId的控件的width属性。$(.className).attr(width)是获取包含class名为className的控件的width属性。$([name=textName]).attr(width)是获取name为textName的控件的width属性。

首先需要引入jquery脚本文件。然后添加一些简单的html，这里主要的就是在一个div里添加了二个a链接，div和a链接就各自有id属性。还有一个操作的按钮，加上了onclick事件的。然后需要添加对应的点击事件函数。

jquery代码可以用$(dd a)获取到所有的a标签，然后再循环获取这些id属性。循环可以使用for，foreach，map等函数进行循环遍历。jquery用attr(id)获取id属性，拼接起来就可以了。

相关问答

Q1: jQuery学习之prop和attr的区别

attr 和 prop 的本质attr 是 attribute 的缩写，prop 是 property 的缩写，都有属性的意思，只不过 attr 是操作 html 文档节点属性，prop 是操作 js 对象属性. attr 在 js 中使用的是 setAttribute 和 getAttribute 而 prop 直接使用原生 js 的 element[value] 和 element[value]=key。

相比attr，prop是1才新出来的，两者从中文意思理解，都是获取/设置属性的方法（attributes和properties）。只是，window或document中使用.attr()方法在jQuery6之前不能正常运行，因为window和document中不能有attributes。prop应运而生了。attr：描述： 获取匹配的元素集合中的第一个元素的属性的值。

操作对象不同 很明显，attr和prop分别是单词attribute和property的缩写，并且它们均表示属性的意思。不过，在jQuery中，attribute和property却是两个不同的概念。attribute表示HTML文档节点的属性，property表示JS对象的属性。

Q2: jQuery中attr和prop在修改checked属性时的区别

1、attr在修改checked属性的时候要使用checked checked属性即分为attribute-checked，和property-true，false 对于一个checkbox，若未定义checked=checked，alert($.attr(checked)) 的结果是undefined。若已定义则结果是checked。attribute并不随着checkbox的状态变化而改变。

2、过.attr()方法就没有办法操作它们。此外，数据类型方面也存在差异，比如HTML中的checked 属性是一个字符串，而DOM中的checked属性则是一个布尔值。对于布尔值属性，最后是测试 DOM属性而不是HTML属性，以确保跨浏览器的一致行为。所以，从6版本开始，jQuery 提供了新的方法prop（）来获取这些属性。

3、没有太大区别。一般情况下具有 true 和 false 两个属性的属性，如 checked， selected 或者 disabled 使用prop()，其他的使用 attr()。以下来自网络，有兴趣可阅读：jQuery 6 开始新增了一个方法 prop()。

4、以前我们使用attr获取checked属性时返回checked和，现在使用prop方法获取属性则统一返回true和false。

5、对于checkbox，如果没有定义checked=checked，alert($.attr(checked)) 的结果是undefined。用prop方法，则输出的是true或者false， $(input[type=checkbox]).prop(checked， true)；修改checked 使用prop更适合。

jquery中prop和attr的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于jq中prop和attr的区别、jquery中prop和attr的信息别忘了在本站进行查找喔。