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

前端之家收集整理的这篇文章主要介绍了如何使用JQuery将焦点设置在页面的第一个元素上?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想在加载页面时使用JQuery将焦点设置在页面的第一个元素上.
我可以通过使用成功设置第一个元素的焦点
$(":input:visible:first").focus();

要么

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

根据jquery,set focus on the first enabled input or select or textarea on the page.

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

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

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

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

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

非常感谢你!

解决方法

问题很可能是您在加载DOM后没有运行代码.试试这个:
$(document).ready(function(){
   $("select:first").focus();
});

这应该工作.

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

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

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

猜你在找的jQuery相关文章