第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

章節(jié)
問答
課簽
筆記
評(píng)論
占位
占位

jQuery鼠標(biāo)事件之hover事件

學(xué)了mouseover、mouseout、mouseenter、mouseleave事件,也理解了四個(gè)事件的相同點(diǎn)與不同點(diǎn),現(xiàn)在可以用來給元素做一個(gè)簡(jiǎn)單的切換效果

在元素上移進(jìn)移出切換其換色,一般通過2個(gè)事件配合就可以達(dá)到,這里用mouseenter與mouseleave,這樣可以避免冒泡問題

$(ele).mouseenter(function(){
     $(this).css("background", '#bbffaa');
 })
$(ele).mouseleave(function(){
    $(this).css("background", 'red');
})

這樣目的是達(dá)到了,代碼稍微有點(diǎn)多,對(duì)于這樣的簡(jiǎn)單邏輯jQuery直接提供了一個(gè)hover方法,可以便捷處理

只需要在hover方法中傳遞2個(gè)回調(diào)函數(shù)就可以了,不需要顯示的綁定2個(gè)事件

$(selector).hover(handlerIn, handlerOut)
  • handlerIn(eventObject):當(dāng)鼠標(biāo)指針進(jìn)入元素時(shí)觸發(fā)執(zhí)行的事件函數(shù)
  • handlerOut(eventObject):當(dāng)鼠標(biāo)指針離開元素時(shí)觸發(fā)執(zhí)行的事件函數(shù)

 

這個(gè)事件就是這么簡(jiǎn)單,具體參考下右邊代碼的操作:

任務(wù)

在右邊代碼42行處,填入任務(wù)

調(diào)用一個(gè)jquery一個(gè)方法,可以直接將二個(gè)事件函數(shù)綁定到匹配元素上,分別當(dāng)鼠標(biāo)指針進(jìn)入和離開元素時(shí)被執(zhí)行。


 

?不會(huì)了怎么辦

hover

||

提問題

寫筆記

公開筆記
提交
||

請(qǐng)驗(yàn)證,完成請(qǐng)求

由于請(qǐng)求次數(shù)過多,請(qǐng)先驗(yàn)證,完成再次請(qǐng)求

加群二維碼

打開微信掃碼自動(dòng)綁定

您還未綁定服務(wù)號(hào)

綁定后可得到

  • · 粉絲專屬優(yōu)惠福利
  • · 大咖直播交流干貨
  • · 課程更新,問題答復(fù)提醒
  • · 賬號(hào)支付安全提醒

收藏課程后,能更快找到我哦~

使用 Ctrl+D 可將課程添加到書簽

邀請(qǐng)您關(guān)注公眾號(hào)
關(guān)注后,及時(shí)獲悉本課程動(dòng)態(tài)

舉報(bào)

0/150
提交
取消
全部 精華 我要發(fā)布
全部 我要發(fā)布
最熱 最新
只看我的

手記推薦

更多

本次提問將花費(fèi)2個(gè)積分

你的積分不足,無法發(fā)表

為什么扣積分?

本次提問將花費(fèi)2個(gè)積分

繼續(xù)發(fā)表請(qǐng)點(diǎn)擊 "確定"

為什么扣積分?