如何在javascript和jquery中正确设置文本框值？

Question

HTML：

 <input id='myTxt' type='text' value='hello'/>

JavaScript的：

$("#myTxt").val('Blah'); // works

var bla = document.getElementById("myTxt"); bla.value = "Blah"; // works

$("#myTxt").value = "blah"; // doesn't work

为什么最后一个例子不起作用？

Answer 1

这是因为$("#myTxt")是一个jQuery对象，没有任何名为value东西。
你能做的是：

$("#myTxt").get(0).value = "blah";

Answer 2

$("#myTxt")是一个包装所选DOM对象的jQuery对象数组。

由于您在选择器#myTxt使用了ID， #myTxt您将获得一个只包含一个元素的数组。

您可以使用jQuery的.val()方法设置所选项的值：

$("#myTxt").val("blah");

您不必检索底层DOM对象。