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>
效果图:
推荐: