溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

blur()方法怎么在jQuery中使用

發(fā)布時間：2021-05-06 18:06:54 來源：億速云 閱讀：159 作者：Leah 欄目：web開發(fā)

blur()方法怎么在jQuery中使用？針對這個問題，這篇文章詳細介紹了相對應(yīng)的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

jquery是什么

jquery是一個簡潔而快速的JavaScript庫，它具有獨特的鏈式語法和短小清晰的多功能接口、高效靈活的css選擇器，并且可對CSS選擇器進行擴展、擁有便捷的插件擴展機制和豐富的插件，是繼Prototype之后又一個優(yōu)秀的JavaScript代碼庫，能夠用于簡化事件處理、HTML文檔遍歷、Ajax交互和動畫，以便快速開發(fā)網(wǎng)站。

實例

當輸入域失去焦點 (blur) 時改變其顏色：

$("input").blur(function(){
 $("input").css("background-color","#D6D6FF");
});
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $("input").focus(function(){
  $("input").css("background-color","#FFFFCC");
 });
 $("input").blur(function(){
  $("input").css("background-color","#D6D6FF");
 });
});
</script>
</head>
<body>
Enter your name: <input type="text" />
<p>請在上面的輸入域中點擊，使其獲得焦點，然后在輸入域外面點擊，使其失去焦點。</p>
</body>
</html>

定義和用法

當元素失去焦點時發(fā)生 blur 事件。

blur()函數(shù)觸發(fā) blur 事件，或者如果設(shè)置了 function 參數(shù)，該函數(shù)也可規(guī)定當發(fā)生 blur 事件時執(zhí)行的代碼。

提示：早前，blur 事件僅發(fā)生于表單元素上。在新瀏覽器中，該事件可用于任何元素。

觸發(fā) blur 事件

觸發(fā)被選元素的 blur 事件。

語法

$(selector).blur()
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $("input").focus(function(){
  $("input").css("background-color","#FFFFCC");
 });
 $("input").blur(function(){
  $("input").css("background-color","#D6D6FF");
 });
 $("#btn1").click(function(){
  $("input").focus();
 }); 
 $("#btn2").click(function(){
  $("input").blur();
 }); 
});
</script>
</head>
<body>
Enter your name: <input type="text" />
<p>請在上面的輸入域中點擊，使其獲得焦點，然后在輸入域外面點擊，使其失去焦點。</p>
<p><button id="btn1">觸發(fā)輸入域的 focus 事件</button></p>
<p><button id="btn2">觸發(fā)輸入域的 blur 事件</button></p>
</body>
</html>

關(guān)于blur()方法怎么在jQuery中使用問題的解答就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關(guān)注億速云行業(yè)資訊頻道了解更多相關(guān)知識。

向AI問一下細節(jié)

免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手