blur()是jQuery的一种内置方法,用于从所选元素中删除焦点。此方法启动模糊事件,或者可以附加一个在发生模糊事件时运行的函数。
用法:
$(selector).blur(function)
参数:它接受可选参数“function”。
返回值:它不返回任何内容,仅触发所选元素上的模糊事件。
代码1:
在下面的代码中,没有函数传递给blur方法。
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/
jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("#btn").click(function() {
$("input").blur();
$("p").html("This is blur method that is used!!!");
});
});
</script>
</head>
<body>
<!--enter value and click on the button -->
Enter Value:
<input type="text">
<br>
<br>
<button id="btn">start blur event!!!</button>
<p style="color:green"></p>
</body>
</html>
输出:
在“Enter Value”框中输入任何值之前,
在“Enter Value”框中输入“GeeksforGeeks”值后,
单击“start blur event”按钮后,
代码2:
在下面的代码中,函数被传递给blur方法。
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/
jquery/3.3.1/jquery.min.js"></script>
<script>
<!-- jQuery code to show blur method -->
$(document).ready(function() {
$("input").blur(function() {
$(this).css("background-color", "#ADFF2F");
});
});
</script>
</head>
<body>
<!-- Enter a value to the field and click outside
to see the change -->
Enter Value:
<input type="text" name="fullname">
</body>
</html>
输出:
在“Enter Value”框中输入任何值之前,
在“Enter Value”框中输入“GeeksforGeeks”值后,
在屏幕上任意位置单击鼠标按钮后,
相关用法
- JQuery one()用法及代码示例
- JQuery val()用法及代码示例
- JQuery last()用法及代码示例
- JQuery on()用法及代码示例
- JQuery after()用法及代码示例
- JQuery first()用法及代码示例
- JQuery eq()用法及代码示例
- JQuery has()用法及代码示例
- JQuery replaceAll()用法及代码示例
- JQuery removeProp()用法及代码示例
- JQuery mouseout()用法及代码示例
- JQuery replaceWith()用法及代码示例
- JQuery resize()用法及代码示例
- JQuery mouseover()用法及代码示例
- JQuery removeAttr()用法及代码示例
注:本文由纯净天空筛选整理自kundankumarjha大神的英文原创作品 jQuery | blur() with Examples。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。