jQuery中的事件

常見的DOM事件有:

  • 鼠標(biāo)事件
鼠標(biāo)事件 作用描述
click() 單擊,當(dāng)單擊元素時觸發(fā)一個函數(shù)
dblclick() 雙擊,當(dāng)雙擊元素時觸發(fā)
----- --------------
mouseenter() 鼠標(biāo)進(jìn)入,當(dāng)鼠標(biāo)指針穿過元素時觸發(fā)
mouseleave() 鼠標(biāo)離開,當(dāng)鼠標(biāo)指針離開元素時觸發(fā)
hover() 模擬光標(biāo)懸停事件, 當(dāng)鼠標(biāo)移動到元素上時,會觸發(fā)指定的第一個函數(shù)(mouseenter);當(dāng)鼠標(biāo)移出這個元素時,會觸發(fā)指定的第二個函數(shù)(mouseleave)。
下面的不經(jīng)常用 ----------
mousedown() 當(dāng)鼠標(biāo)指針移動到元素上方,并按下鼠標(biāo)按鍵時觸發(fā)
mouseup() 當(dāng)在元素上松開鼠標(biāo)按鈕時
  • 鍵盤事件
鍵盤事件 作用描述
keypress()
keydown()
keyup()
  • 表單事件
表單事件 作用描述
submit() 提交
change() 文本改變
focus() 當(dāng)元素獲得焦點時,即當(dāng)通過鼠標(biāo)點擊選中元素或通過tab鍵定位到元素時,該元素就會獲得焦點
blur() 失去焦點
  • 文檔/窗口事件
文檔/窗口事件 作用描述
load()
unload()
resize() 當(dāng)調(diào)整瀏覽器窗口的大小時
scroll()

jquery中方法的使用

語法:

$(selector).事件方法名(觸發(fā)后要運行的函數(shù)function);
<!--如下-->
$(selector).click(function(){
    <!--相應(yīng)的操作代碼-->
});
$(selector).dblclick(function(){
   // 相應(yīng)的操作代碼
});

舉個栗子:

$("#button").click(function(){
    $(this).text("隱藏");
})

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容