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オブジェクトであるためです。

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

Answer 2

$("#myTxt")選択したDOMオブジェクトをラップするのjQueryオブジェクトの配列です：あなたは何ができるか
のようなものがあります。

セレクタでIDを使用しているので、#myTxtは1つの要素しか含まない配列を取得します。

あなたはjQueryの.val()方法で選択した項目（複数可）の値を設定することができます。

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

あなたは、基礎となるDOMオブジェクトを取得する必要はありません。