jQuery 之 選擇器與事件型別（二）
阿新 • • 發佈：2019-02-10
hover()
hover()方法用於模擬游標懸停事件.當滑鼠移動到元素上時，會觸發指定的第一個函式(mouseenter);當滑鼠移出這個元素時，會觸發指定的第二個函式(mouseleave)。
例項
$("#p1").hover(function(){
alert("You entered p1!");
},
function(){
alert("Bye! You now leave p1!");
});
focus()
當元素獲得焦點時，發生 focus 事件。當通過滑鼠點選選中元素或通過 tab 鍵定位到元素時，該元素就會獲得焦點。
focus() 方法觸發 focus 事件，或規定當發生 focus 事件時執行的函式：
例項
$("input").focus(function(){
$(this).css("background-color","#cccccc");
});
blur()
當元素失去焦點時，發生 blur 事件。blur() 方法觸發 blur 事件，或規定當發生 blur 事件時執行的函式：
例項
$("input").blur(function(){
$(this).css("background-color","#ffffff");
});
hover()方法用於模擬游標懸停事件.當滑鼠移動到元素上時，會觸發指定的第一個函式(mouseenter);當滑鼠移出這個元素時，會觸發指定的第二個函式(mouseleave)。
例項
$("#p1").hover(function(){
alert("You entered p1!");
},
function(){
alert("Bye! You now leave p1!");
});
focus()
當元素獲得焦點時，發生 focus 事件。當通過滑鼠點選選中元素或通過 tab 鍵定位到元素時，該元素就會獲得焦點。
focus() 方法觸發 focus 事件，或規定當發生 focus 事件時執行的函式：
例項
$("input").focus(function(){
$(this).css("background-color","#cccccc");
});
blur()
當元素失去焦點時，發生 blur 事件。blur() 方法觸發 blur 事件，或規定當發生 blur 事件時執行的函式：
例項
$("input").blur(function(){
$(this).css("background-color","#ffffff");
});