jQuery中的blur()方法是針對表單元素的一種事件觸發(fā)機(jī)制。當(dāng)表單元素失去焦點時,blur()方法就會被觸發(fā),從而執(zhí)行指定的事件處理程序。
blur()方法的語法非常簡單:
$(selector).blur(function);
其中,selector是選擇器,可以指定要綁定事件的表單元素,而function則是一個事件處理程序,當(dāng)元素失去焦點時,就會被執(zhí)行。
下面我們來看一個具體的例子:
<div> <label for="username">用戶名</label> <input type="text" id="username" name="username"> </div> <script> $('#username').blur(function() { var username = $(this).val(); //判斷用戶名是否為空,如果為空則提示錯誤 if(username === '') { alert('用戶名不能為空!'); } }); </script>
在上述例子中,我們給表單元素username綁定了blur()方法。當(dāng)該元素失去焦點時,執(zhí)行的事件處理程序就會檢查該輸入框的內(nèi)容是否為空,如果為空,則彈出提示框。
需要注意的是,blur()方法只適用于表單元素,而不適用于其他HTML元素。如果要為其他元素綁定失去焦點事件,則可以使用jQuery的focusout()方法。
總的來說,blur()方法是非常常用的一種事件觸發(fā)方式,可以用來檢查用戶名、密碼等輸入框的內(nèi)容是否合法,并及時提示用戶。