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
Why doesn't the last example work??
That is because $("#myTxt") is a jQuery object with does not have anything called value.
What you can do is something like:
$("#myTxt").get(0).value = "blah";
$("#myTxt")[0].value
$("#myTxt") will select only one DOM object (and wrap it in a jQuery object) because the selector is a unique ID - but in general, jQuery's $("someSelector") can return multiple things, such as $("div.collapsed") which will select every div that has a class of "collapsed". That is why $(...) always returns an array.$("#myTxt") is an array of jQuery objects that wrap the selected DOM objects.
Since you're using an ID in your selector #myTxt you will get an array with only one element in it.
You can set the value of the selected item(s) with jQuery's .val() method:
$("#myTxt").val("blah");
You don't have to retrieve the underlying DOM object.
