Select text box on page load jQuery

Question

I have the following code which uses JavaScript to select a text box when the page loads. I have included a copy of my code below. My question is how can this be done in jQuery?

<!doctype html>
<html>
<head>

</head>
<body>

<input id="query">

   <script type="text/javascript">
      function box(query){
         document.getElementById('query').focus();
      }
      box('query');
   </script>

</body>
</html>

Thanks in advance, Callum

Answer 1

You also can use HTML5:

<input type="text" autofocus>

Reference: http://www.w3schools.com/html5/att_button_autofocus.asp

Cross Browser Compatibility: http://caniuse.com/#feat=autofocus

Answer 2

$(document).ready(function(){
     $('#query').focus()
});

Select text box on page load jQuery

Question

2 answers

solution1
13 2011-05-13 17:28:55

solution2
8 ACCPTED 2011-05-13 17:25:20

Select text box on page load jQuery

Question

2 answers

solution1 13 2011-05-13 17:28:55

solution2 8 ACCPTED 2011-05-13 17:25:20

solution1
13 2011-05-13 17:28:55

solution2
8 ACCPTED 2011-05-13 17:25:20