jquery设置prop，jquery设置readonly属性

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

将在下面的文章里为大家详细介绍attr属性attr(name|properties|key，value|fn)用于设置或返回被选元素的属性值。当用于返回属性值时，则只返回第一个匹配元素的值。

prop和attr的根本区别在于：对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。百度 这个例子里元素的DOM属性有“href、target和class，这些属性就是元素本身就带有的属性，也是W3C标准里就包含有这几个属性，或者说在IDE里能够智能提示出的属性，这些就叫做固有属性。

在jQuery中，attr函数和prop函数都用于设置或获取指定的属性，它们的参数和用法也几乎完全相同。但不得不说的是，这两个函数的用处却并大不相同。下面我们来详细介绍这两个函数之间的区别。操作对象不同 很明显，attr和prop分别是单词attribute和property的缩写，并且它们均表示属性的意思。

相关问答

Q1: jQuery中attr与prop之间有什么的区别

prop和attr的根本区别在于：对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。百度 这个例子里元素的DOM属性有“href、target和class，这些属性就是元素本身就带有的属性，也是W3C标准里就包含有这几个属性，或者说在IDE里能够智能提示出的属性，这些就叫做固有属性。

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

jQuery的 .attr() 方法得到了一个元素的属性值主要有两个好处：方便：它可以直接被jQuery对象访问并且链式调用其他jQuery方法。浏览器兼容：一些属性在不同浏览器中得到不同的值。 甚至在同一个浏览器的不同版本中。 .attr() 方法减少了兼容性问题。

Q2: 关于JQuery中prop的使用问题,代码如下?

1、thgf 如果我们没有为文本框设定初始值，即删除value=”123”后，依旧使用如上js代码，则相应输出如下：undefined attr()输出为undefined，而prop()和val()输出为“空”。输入value值后：控制台输出为：undefined asdasd asdasd attr()输出依然为undefined，而prop()和val()则输出实际值。

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

3、是jQuery版本问题。我操作属性用的是 (XXX).attr(attrName)；而jQuery的版本用的是1，这就是存在一个兼容性和稳定性问题。

4、到此，将 attr(checked) 改成 prop(checked) 即可修复提的 issues 了。

Q3: jQuery函数attr和prop的区别

1、将在下面的文章里为大家详细介绍attr属性attr(name|properties|key，value|fn)用于设置或返回被选元素的属性值。当用于返回属性值时，则只返回第一个匹配元素的值。

2、jQuery的 .attr() 方法得到了一个元素的属性值主要有两个好处：方便：它可以直接被jQuery对象访问并且链式调用其他jQuery方法。浏览器兼容：一些属性在不同浏览器中得到不同的值。 甚至在同一个浏览器的不同版本中。 .attr() 方法减少了兼容性问题。

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

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