jQuery的blur()方法怎么用？

转载

wx5d4b9c9410b88 2020-04-05 17:04:05 博主文章分类：jQuery

blur()是jquery中的一个内置方法，用于从所选元素中移除焦点。此方法启动blur事件，或者可以附加一个函数，以便在发生blur事件时运行。原文地址：jQuery的blur()方法怎么用？

blur()方法触发 blur 事件，或者如果设置了 function 参数，该方法也可规定当发生 blur 事件时执行的代码。

语法：

$(selector).blur(function)

参数：它接受可选参数“function”。

返回值：它不返回任何内容，只触发所选元素上的blur事件。

示例1：没有函数传递给blur()方法


<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
    </head> 
    <body>
    	输入值：<input type="text"> 
    <br> 
    <br> 
    <button id="btn">开始blur事件！！！</button> 
    <p style="color:green"></p> 
    <script src= "https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script> 
        $(document).ready(function() { 
            $("#btn").click(function() { 
                $("input").blur(); 
                $("p").html("这是使用的blur()方法！！！"); 
            }); 
        });  
    </script>
</body> 
  
</html>

效果图：

示例2：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
    </head> 
    <body>
          输入值：<input type="text" name="fullname"> 
    <script src= "https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script> 
        $(document).ready(function() { 
            $("input").blur(function() { 
                $(this).css("background-color", "#2AABD2"); 
            }); 
        });  
    </script>
</body> 
  
</html>

效果图：