选择页面加载jQuery上的文本框

Question

我有以下代码,使用JavaScript在页面加载时选择文本框.我在下面附上了我的代码副本.我的问题是如何在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>

在此先感谢Callum

Answer 1

您还可以使用HTML5:

<input type="text" autofocus>

参考:http://www.w3schools.com/html5/att_button_autofocus.asp

跨浏览器兼容性:http://caniuse.com/#feat=autofocus

Answer 2

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