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

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

javascript jquery html

Javascript 选择页面加载jQuery上的文本框,javascript,jquery,html,Javascript,Jquery,Html,我有下面的代码，它使用JavaScript在页面加载时选择一个文本框。我在下面附上了我的代码副本。我的问题是如何在jQuery中实现这一点 <!doctype html> <html> <head> </head> <body> <input id="query"> <script type="text/javascript"> function box(query){

我有下面的代码，它使用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>


功能框（查询）{
document.getElementById（'query'）.focus（）；
}
框（“查询”）；

提前感谢，Callum

您也可以使用HTML5：

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

<input type="text" autofocus>

参考：

跨浏览器兼容性：

如果您只需要简单的焦点，我更喜欢这种方式。它产生了更好的性能，尽管这一点与他的问题Jep无关，但这只是一个建议：）我的问题是为什么有人想在jQuery中这样做：？@Darkyen当你必须支持IE<10时，你需要在jQuery中这样做，对我来说（以及大多数广告人）每一个项目都是如此……最重要的答案是正确的，因为它回答了用户的问题，但我同意其他人的看法，这个答案是对这个问题最干净、最性感的答案。