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

时间:2011-05-13 17:24:33

标签: javascript jquery html

我有以下代码,在页面加载时使用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

2 个答案:

答案 0 :(得分:13)

您也可以使用HTML5:

<input type="text" autofocus>

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

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

答案 1 :(得分:8)

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