jQuery |模糊（）与示例

blur()是 jQuery 的一个内置方法，用于从所选元素中移除焦点。此方法启动模糊事件，或者可以附加一个函数以在发生模糊事件时运行。
句法：

$(selector).blur(function)

参数：它接受一个可选参数“函数”。
返回值：它不返回任何内容，它只是在所选元素上触发模糊事件。

用于显示 blur()函数工作的 jQuery 代码：
代码#1：
在下面的代码中，没有函数传递给 blur 方法。

  

    
    
        $(document).ready(function() {
            $("#btn").click(function() {
                $("input").blur();
                $("p").html("This is blur method that is used!!!");
            });
        });
    

  

    
    Enter Value:
    
    
    
    start blur event!!!
    

  

输出：
在“输入值”框中输入任何值之前 -

在“输入值”框中输入“GeeksforGeeks”的值后-

点击“开始模糊事件”按钮后——

代码#2：
在下面的代码中，函数被传递给了 blur 方法。

  

    
    
        <!-- jQuery code to show blur method -->
        $(document).ready(function() {
            $("input").blur(function() {
                $(this).css("background-color", "#ADFF2F");
            });
        });
    

  

    
    Enter Value:
    

  

输出：
在“输入值”框中输入任何值之前 -

在“输入值”框中输入“GeeksforGeeks”的值后-

在屏幕上的任意位置单击鼠标按钮后-