jquery中prop函数，jquery中的prop方法

jQuery学习之prop和attr的区别示例介绍

.attr()和.prop()都不应该被用来取值/设值。

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

prop和attr的根本区别在于：对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。

PS一下，如果你有JS性能洁癖的话，显然prop的性能更高，因为attr需要访问DOM属性节点，访问DOM是最耗时的。这种情况适用于多选项全选和反选的情况。

相关问答

Q1: jquery中attr和prop的区别

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

2、attr已经弃用，checked和selected等使用prop(checked， true) 或 prop(checked， false)方式选中和不选中。

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

4、window或document中使用.attr()方法在jQuery6中不能正常运行，因为window和document中不能有attributes。它们包含properties(比如：location或readyState)，必须使用.prop()方法操作或简单地使用javascript原生的方法。

Q2: jquery的prop方法怎么用

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

2、首先web项目结构如图所示，这个结构熟悉的话可以自己调整的。然后设置一些较为简单的选项框，这里随便用abcd来代替选项框了。这里是jq来实现全选，所以引入jQuery，并且给按钮绑定一个jQuery类型的点击事件即可。

3、首先，window或document中使用.attr()方法在jQuery6中不能正常运行，因为window和document中不能有attributes。它们包含properties(比如：location或readyState)，必须使用.prop()方法操作或简单地使用javascript原生的方法。

4、jquery6中新加了一个方法prop()，官方解释只有一句话：获取在匹配的元素集中的第一个元素的属性值。

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

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

jquery6中新加了一个方法prop()，官方解释只有一句话：获取在匹配的元素集中的第一个元素的属性值。

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

二者都可以获取dom的属性，但是参数不同：attr ： 获取匹配的元素集合中的第一个元素的属性的值 或 设置每一个匹配元素的一个或多个属性。

prop和attr的根本区别在于：对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。

关于jquery中prop函数和jquery中的prop方法的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。