Jquery是一種非常流行的JavaScript庫(kù)，它可以用一些簡(jiǎn)單的代碼來(lái)實(shí)現(xiàn)各種各樣的交互效果。其中，焦點(diǎn)事件也是開發(fā)人員經(jīng)常用到的特性之一。下面，我們來(lái)介紹一下jquery如何獲得和失去焦點(diǎn)事件。

$(document).ready(function(){
$("input").focus(function(){
$(this).css("background-color", "#F8E0E0");
});
$("input").blur(function(){
$(this).css("background-color", "#FFFFFF");
});
});

這段代碼的意思是：當(dāng)頁(yè)面加載完成后，給所有的input元素添加獲得焦點(diǎn)事件和失去焦點(diǎn)事件。當(dāng)input元素獲得焦點(diǎn)時(shí)，背景顏色變?yōu)榧t色；當(dāng)失去焦點(diǎn)時(shí)，背景顏色變?yōu)榘咨?/p>

如果我們只需要針對(duì)某個(gè)特定的元素添加焦點(diǎn)事件，可以使用元素的id或class來(lái)進(jìn)行選擇。例如：

$("#myInput").focus(function(){
$(this).css("background-color", "#F8E0E0");
});

這個(gè)代碼的意思是：當(dāng)id為myInput的元素獲得焦點(diǎn)時(shí)，背景變?yōu)榧t色。

總之，使用jquery添加獲得和失去焦點(diǎn)事件非常簡(jiǎn)單，只需要通過選擇器來(lái)選擇要添加事件的元素，然后使用focus()和blur()方法就可以了。同時(shí)也可以通過css()方法控制元素的樣式，實(shí)現(xiàn)更多的交互效果。