javascript - 为什么 jQuery 在 HTML 中插入 value 属性，而 document.getElementById(...).value 却没有？有解决方法吗？

Question

如果我在 JavaScript 中使用这一行，

$("#formfieldid").attr("value", "foobar");

它将 value 属性插入到 HTML 中，这样它就会在查看源代码时出现。

如果我在 JavaScript 中使用这一行，

document.getElementById("formfieldid").value = "foobar";

该字段的值将为 foobar，但它不会显示在 view source 下。

我想要做的是让属性不显示在查看源代码下并使用 jQuery。 jQuery 中是否存在等效项？

Answer 1

使用.prop()设置元素的属性而不是属性

$("#formfieldid").prop("value", "foobar");

如果 .prop() (v1.6+) 不可用，请使用 .val()作为 value 属性的捷径。

    $("#formfieldid").val("foobar");