HTML语言中 blur()方法,jQuery的blur()方法怎么用?

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

60aa668afee18d90f4beb54c3ede972b.png

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

语法:$(selector).blur(function)

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

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

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

输入值:

开始blur事件!!!

$(document).ready(function() {

$("#btn").click(function() {

$("input").blur();

$("p").html("这是使用的blur()方法!!!");

});

});

效果图:

b362e89458e31f9a949e86d07c3a0827.gif

示例2:

输入值:

$(document).ready(function() {

$("input").blur(function() {

$(this).css("background-color", "#2AABD2");

});

});

效果图:

a6f7715c04e05921de355311611aefc6.gif

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值