jQuery 事件 mouseenter() 方法
jQuery 事件 mouseenter() 方法
當(dāng)鼠標(biāo)指針穿過(guò)元素時(shí),會(huì)發(fā)生 mouseenter 事件。
該事件大多數(shù)時(shí)候會(huì)與 mouseleave 事件一起使用。
mouseenter() 方法觸發(fā) mouseenter 事件,或規(guī)定當(dāng)發(fā)生 mouseenter 事件時(shí)運(yùn)行的函數(shù)。
注釋:與 mouseover 事件不同,只有在鼠標(biāo)指針穿過(guò)被選元素時(shí),才會(huì)觸發(fā) mouseenter 事件。如果鼠標(biāo)指針穿過(guò)任何子元素,同樣會(huì)觸發(fā) mouseover 事件。請(qǐng)看下面例子的演示。
1. 范例
當(dāng)鼠標(biāo)指針進(jìn)入(穿過(guò))元素時(shí),改變?cè)氐谋尘吧?/p>
$("p").mouseenter(function(){ $("p").css("background-color","yellow"); });
2. 觸發(fā) mouseenter 事件
語(yǔ)法
$(selector).mouseenter()
3. 將函數(shù)綁定到 mouseenter 事件
語(yǔ)法
$(selector).mouseenter(function)
參數(shù) | 描述 |
---|---|
function | 可選。規(guī)定當(dāng)發(fā)生 mouseenter 事件時(shí)運(yùn)行的函數(shù)。 |
當(dāng)鼠標(biāo)指針離開元素時(shí),會(huì)發(fā)生 mouseleave 事件。該事件大多數(shù)時(shí)候會(huì)與 mouseenter 事件一起使用。mouseleave() 方法觸發(fā) mouseleave 事件,或規(guī)定當(dāng)發(fā)生 mouseleave 事件時(shí)運(yùn)行的函數(shù)。與 mouseout 事件不同,只有在鼠標(biāo)指針離開被選元素時(shí),才會(huì)觸發(fā) mouseleave 事件。如果鼠標(biāo)指針離開任何子元素,同樣會(huì)觸發(fā) mouseout 事件。
相關(guān)文章
- jQuery 事件
- jQuery 尺寸
- jQuery 遍歷 后代
- jQuery 參考手冊(cè) 屬性操作
- jQuery 參考手冊(cè) 數(shù)據(jù)
- jQuery 事件 dblclick() 方法
- jQuery 事件 type 屬性
- jQuery 事件 keyup() 方法
- jQuery 事件 trigger() 方法
- jQuery jQuery.fx.interval 屬性
- jQuery 數(shù)據(jù) removeData() 方法
- jQuery 遍歷 last() 方法
- jQuery 遍歷 offsetParent() 方法
- jQuery ajax ajaxSend() 方法
- jQuery ajax ajaxStart() 方法
- jQuery 屬性操作 removeClass() 方法
- jQuery 文檔操作 after() 方法
- jQuery 文檔操作 insertBefore() 方法
- jQuery 文檔操作 replaceWith() 方法
- jQuery :empty 選擇器