为什么隐藏输入元素的 .attr('value') 没有从 html 字符串返回原始值？

Question

基本上当在文本框上调用.attr("value") 时，它将返回其在标记中设置的值，而不是使用.val() 设置的值。

例如，

<input id="test" type="text" value="testing" />

Js：

$("#test").val("hello");
console.log($("#test").val()); //hello
console.log($("#test").attr('value')); //testing

但是在对隐藏元素执行相同操作时，结果却不同，如下所示，

HTML：

<input id="test1" type="hidden" value="testing" />

Js：

$("#test1").val("hello");
console.log($("#test1").val()); //hello
console.log($("#test1").attr('value')); //hello

DEMO

如果我们使用.val() 为该元素设置值，则会忽略 value 属性。任何人都知道为什么会这样？包含此行为详细信息的相关链接会更有帮助。

Answer 1

Hidden 输入不是用户可编辑，因此您可能会发现默认值和当前值 对他们来说是一样的。所以.val() 和.attr('value') 对于hiddenelement 是一样的

据我所知，value 属性描述了元素的 默认值，而不是 当前值 。当前值是您可以通过 value 属性访问的值（这是 jQuery val() 所做的）。