jQuery | focus() 与示例

focus()是 jQuery 中的一个内置方法，用于聚焦于一个元素。元素通过鼠标单击或选项卡导航按钮获得焦点。
句法：

$(selector).focus(function)

这里的 selector 是被选中的元素。
参数：它接受一个可选参数“函数”，该参数指定发生焦点事件时要运行的函数。
返回值：它返回获得焦点的选定元素。

显示 focus() 方法工作的 jQuery 代码：
代码#1：
在下面的代码中，一个函数被传递给这个方法。

  

    
        span {
            display: none;
        }
          
        body {
            width: 35%;
            height: 50px;
            border: 2px solid green;
            padding: 35px;
            margin: 10px;
        }
    
    
    

  

    
    
         focused
  
    
    
        $("input").focus(function() {
            $(this).next("span").css("display", "inline");
        });
    
  

  

输出：
在鼠标点击输入字段内部之前 –

在带有文本“GeeksforGeeks”的输入字段内单击鼠标后-

代码#2：
在下面的代码中，没有参数传递给这个方法。

  

    
        span {
            display: none;
        }
          
        body {
            width: 30%;
            height: 50px;
            border: 2px solid green;
            padding: 35px;
            margin: 10px;
        }
    
    
    

  

    
    
         focused
  
    
    
        $("input").focus();
    
  

  

输出：
在输入字段内单击鼠标之前 –

在带有文本“GeeksforGeeks”的输入字段内单击鼠标后-

jQuery 是一个开源 JavaScript 库，它简化了 HTML/CSS 文档之间的交互，它以其“少写，多做”的理念而广为人知。
您可以按照此 jQuery 教程和 jQuery 示例从头开始学习 jQuery。