📜  jQuery | focus() 与示例(1)

📅  最后修改于: 2023-12-03 15:16:47.330000             🧑  作者: Mango

jQuery | focus() 介绍

简介

在 jQuery 中,focus() 是一个用于设置或获取元素的焦点的方法。它可以用于文本输入框、文本区域、选择框等元素,以使其在页面加载后自动获得焦点,或者在事件触发后获得焦点。

语法
$(selector).focus()
  • selector:用于选择元素的选择器,可以是标签名、类名、ID等等。
示例
### HTML
```html
<input type="text" id="myInput" />
<button id="myButton">点击获得焦点</button>
JavaScript
$("#myButton").click(function() {
  $("#myInput").focus();
});
解释

在页面上有一个文本输入框和一个按钮。当按钮被点击时,通过调用 focus() 方法,将焦点设置在输入框上。

在这个示例中,我们使用了 ID 选择器 #myInput,将 focus() 方法应用在输入框元素上。通过点击按钮,将自动触发 focus 事件,并使输入框获得焦点。

注意:需要在页面加载完成后执行上述代码,可以将代码放在 <script> 标签中,或使用 jQuery 的 $(document).ready() 方法来确保代码在页面加载后执行。