javascript - .prop() VS .val() .使用 jQuery 设置输入文本值

Question

看完(有意思).prop() vs .attr()和 jQuery Performance : attributes我怀疑什么更好用: .prop() 或 .val() ？我想设置一个输入文本值。

jQuery .prop() page说了以下内容:

Properties generally affect the dynamic state of a DOM element without changing the serialized HTML attribute. Examples include the value property of input elements, the disabled property of inputs and buttons, or the checked property of a checkbox. The .prop() method should be used to set disabled and checked instead of the .attr() method. The .val() method should be used for getting and setting value.

但是关于performance .prop()似乎比 .val() 设置值更好:

所以我没有答案。我该怎么办？

$('#element').prop('value', 'Example');

或

$('#element').val('Example');

编辑 1:.prop() 总是优于 .val()

编辑 2:我现在试过了getting a value , .prop() 也更快

编辑 3:正如@BeatAlex 所说，如果我们想要 performace native js 是 extremely faster

var x = document.getElementById('element').value;

正如你们中的一些人所说，它可能更快，但如果 .val() 存在，我们会使用它。

PS:在我写这篇文章时，当前的 jQuery 版本是 1.11 或 2.1

Answer 1

您想使用 val()。这就是该函数的用途，特别是针对输入的 value。

它的编写速度也更快，更容易理解，并且在使用 val 时，您可以根据需要多次更改该值。

你的图表说

Higher is better

和 val() 更高。

此外，就像您已经引用的那样，

The .val() method should be used for getting and setting value.

这意味着除非您要处理禁用的属性，否则请使用:

$('input').val();

同时作为旁注，the link you posted ，在运行测试后，显示 val() 比 prop() 更快。​​

既然你喜欢展示一些图表和图片，我要添加一些:

取自this link

如果你争论的是速度，纯 JS 更好。