如何使用JQuery将焦点设置在页面的第一个<select>元素上？

Question

我想在加载页面时使用JQuery将焦点设置在页面的第一个元素上.我可以通过使用成功设置第一个元素的焦点

$(":input:visible:first").focus(); 

要么

$(':input:enabled:visible:first').focus();

根据jquery,将焦点设置在页面上的第一个启用输入或select或textarea.

我尝试使用以下任何一种:

$('select:first').focus();
$("select").first().focus();
$(':visible:first').focus();
$('enabled:visible:first').focus();

或者我能想到的其他变化,但没有成功.

任何人都可以帮我解决这个问题吗？我是JQuery的初学者.

我希望此功能适用于所有主流浏览器.

非常感谢你!

Answer 1

问题很可能是您在加载DOM后没有运行代码.试试这个:

$(document).ready(function(){
   $("select:first").focus();
});

这应该工作.

编辑:你可以使用这个简化代码:

$(function(){
  $("select:first").focus();
})

如果你这样使用它,jQuery将在文档的DOM准备好时触发该函数.