JQuery選擇器是一種用于在JavaScript中查找和操作HTML元素的強(qiáng)大工具。其中一個特別有用的選擇器是hover,它可以在鼠標(biāo)滑過元素時觸發(fā)事件。
$(document).ready(function(){ //選擇元素并注冊hover事件 $("p").hover(function(){ //當(dāng)鼠標(biāo)進(jìn)入元素時觸發(fā) $(this).css("background-color", "yellow"); }, function(){ //當(dāng)鼠標(biāo)離開元素時觸發(fā) $(this).css("background-color", "white"); }); });
在上面的代碼中,我們首先通過$()函數(shù)選擇所有的p元素。然后我們使用.hover()函數(shù)為這些元素注冊了一個hover事件處理程序。當(dāng)鼠標(biāo)進(jìn)入元素時,第一個回調(diào)函數(shù)會被調(diào)用,而當(dāng)鼠標(biāo)離開時,第二個回調(diào)函數(shù)會被調(diào)用。
在這個例子中,我們只是修改了p元素的背景顏色,但實(shí)際上,我們可以在hover事件中執(zhí)行任何操作。例如,我們可以使用.slideDown()和.slideUp()函數(shù)為元素添加動畫效果,或添加CSS類以改變它們的樣式。
總之,.hover()是一個非常有用的JQuery選擇器,可以讓我們在鼠標(biāo)滑過HTML元素時執(zhí)行任何操作。