如果你使用過(guò)web表單，你就會(huì)注意到聚焦和失焦事件。聚焦事件在表單元素被選中（例如單擊）時(shí)觸發(fā)，而失焦事件在用戶(hù)離開(kāi)表單元素時(shí)觸發(fā)。

使用jQuery，你可以輕松地為表單元素綁定聚焦和失焦事件。首先，讓我們看一下如何使用聚焦和失焦事件來(lái)添加和刪除類(lèi)，以實(shí)現(xiàn)樣式效果：

$(document).ready(function(){
$("input").focus(function(){
$(this).addClass("active");
});
$("input").blur(function(){
$(this).removeClass("active");
});
});

這段代碼會(huì)在文檔準(zhǔn)備好后為所有的input元素綁定聚焦和失焦事件。當(dāng)一個(gè)input元素被聚焦時(shí)，它將會(huì)增加一個(gè)類(lèi)名為“active”的類(lèi)，當(dāng)失焦時(shí)，該類(lèi)名將被移除。

使用這些事件還可以執(zhí)行其他操作，比如驗(yàn)證表單元素是否為空：

$(document).ready(function(){
$("form").submit(function(){
if($("input").val() === ""){
alert("請(qǐng)輸入姓名！");
return false;
}
});
});

這段代碼將在表單提交時(shí)驗(yàn)證input元素是否為空。如果輸入為空，它將彈出一個(gè)警告框并阻止表單提交。

總之，聚焦和失焦事件是jQuery中非常有用的特性，可以幫助你為你的表單添加樣式效果和驗(yàn)證。通過(guò)閱讀文檔并試驗(yàn)一下，你可以迅速學(xué)會(huì)如何使用它們。