• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

jQuery的blur()方法怎么用?

jquery 搞代码 4年前 (2021-12-27) 30次浏览 已收录 0个评论

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

blur()方法触发 blur 事件,或者如果设置了

来源gaodai.ma#com搞#代!码网

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>

以上就是jQuery的blur()方法怎么用?的详细内容,更多请关注gaodaima搞代码网其它相关文章!


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:jQuery的blur()方法怎么用?

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址