jQuery的hover事件是一種用于在鼠標(biāo)移入和移出元素時(shí)觸發(fā)功能的事件。hover事件可以通過以下方式定義:
$(selector).hover(handlerIn, handlerOut);
其中,selector
選擇器用于選中要應(yīng)用hover效果的元素。如果想要應(yīng)用給頁(yè)面中所有元素,可以使用通配符*
。
handlerIn
和handlerOut
是兩個(gè)函數(shù),它們會(huì)在鼠標(biāo)移入和移出元素時(shí)觸發(fā)。如果只想在鼠標(biāo)移入時(shí)觸發(fā),可以省略handlerOut
:
$(selector).hover(handlerIn);
下面是一個(gè)簡(jiǎn)單的例子:
<html> <head> <script src="jquery.js"></script> <script> $(document).ready(function() { $("p").hover(function() { $(this).css("background-color", "yellow"); }, function() { $(this).css("background-color", "white"); }); }); </script> </head> <body> <p>移動(dòng)鼠標(biāo)到這個(gè)段落上面。</p> <p>這個(gè)段落也有hover效果。</p> <p>還有這個(gè)。</p> </body> </html>
這個(gè)例子會(huì)在鼠標(biāo)移入時(shí)將段落的背景顏色改為黃色,在移出時(shí)改為白色。