jQuery 事件 mouseenter() 方法
jQuery 事件 mouseenter() 方法
jQuery 參考手冊 事件當鼠標指針穿過元素時，會發生 mouseenter 事件。
該事件大多數時候會與 mouseleave 事件一起使用。
mouseenter() 方法觸發 mouseenter 事件，或規定當發生 mouseenter 事件時運行的函數。
注釋：與 mouseover 事件不同，只有在鼠標指針穿過被選元素時，才會觸發 mouseenter 事件。如果鼠標指針穿過任何子元素，同樣會觸發 mouseover 事件。請看下面例子的演示。
1. 范例
當鼠標指針進入（穿過）元素時，改變元素的背景色：
$("p").mouseenter(function(){
$("p").css("background-color","yellow");
});
2. 觸發 mouseenter 事件
語法
$(selector).mouseenter()
3. 將函數綁定到 mouseenter 事件
語法
$(selector).mouseenter(function)
| 參數 | 描述 |
|---|---|
| function | 可選。規定當發生 mouseenter 事件時運行的函數。 |
當鼠標指針離開元素時，會發生 mouseleave 事件。該事件大多數時候會與 mouseenter 事件一起使用。mouseleave() 方法觸發 mouseleave 事件，或規定當發生 mouseleave 事件時運行的函數。與 mouseout 事件不同，只有在鼠標指針離開被選元素時，才會觸發 mouseleave 事件。如果鼠標指針離開任何子元素，同樣會觸發 mouseout 事件。
相關文章
- jQuery 事件
- jQuery 尺寸
- jQuery 遍歷 后代
- jQuery 參考手冊 屬性操作
- jQuery 參考手冊 數據
- jQuery 事件 dblclick() 方法
- jQuery 事件 type 屬性
- jQuery 事件 keyup() 方法
- jQuery 事件 trigger() 方法
- jQuery jQuery.fx.interval 屬性
- jQuery 數據 removeData() 方法
- jQuery 遍歷 last() 方法
- jQuery 遍歷 offsetParent() 方法
- jQuery ajax ajaxSend() 方法
- jQuery ajax ajaxStart() 方法
- jQuery 屬性操作 removeClass() 方法
- jQuery 文檔操作 after() 方法
- jQuery 文檔操作 insertBefore() 方法
- jQuery 文檔操作 replaceWith() 方法
- jQuery :empty 選擇器
學習JQuery