2023學(xué)年完整公開課版jQuery事件

jQuery事件1、知道什么是事件

2、了解如何處理簡單的事件什么是事件

處理簡單的事件

一些常用的事件函數(shù)HTML頁面對(duì)不同訪問者的響應(yīng)叫做事件。事件處理程序指的是當(dāng)HTML中發(fā)生某些事件時(shí)所調(diào)用的方法。例如：

在元素上移動(dòng)鼠標(biāo)。

選取單選按鈕

點(diǎn)擊元素在事件中經(jīng)常使用術(shù)語"觸發(fā)"（或"激發(fā)"）例如："當(dāng)你按下按鍵時(shí)觸發(fā)keypress事件"。什么是事件$(document).ready()方法允許我們?cè)谖臋n完全加載完后執(zhí)行函數(shù)。

如果在文檔沒有完全加載之前就運(yùn)行jQuery函數(shù)，操作可能失敗。一般都需要將jQuery函數(shù)放到這個(gè)方法中運(yùn)行：$(document).ready(function(){//執(zhí)行jQuery函數(shù)});頁面加載后執(zhí)行任務(wù)處理簡單的事件

例如頁面中指定一個(gè)點(diǎn)擊事件：$("#hit").click(function(){$("body").append("<h1>觸發(fā)了點(diǎn)擊事件</h1>") })下面定義的是當(dāng)點(diǎn)擊事件觸發(fā)后，需要執(zhí)行的內(nèi)容，通過一個(gè)自定義函數(shù)實(shí)現(xiàn)：click()方法是當(dāng)按鈕點(diǎn)擊事件被觸發(fā)時(shí)會(huì)調(diào)用一個(gè)函數(shù)。該函數(shù)在用戶點(diǎn)擊HTML元素時(shí)執(zhí)行。在下面的實(shí)例中，當(dāng)點(diǎn)擊<p>元素時(shí)，觸發(fā)click()事件里面的函數(shù)參數(shù)，函數(shù)的具體操作是隱藏當(dāng)前的<p>元素：實(shí)例：$("p").click(function(){ $(this).hide();});一些常用的事件函數(shù)1、hover()方法用于模擬光標(biāo)懸停事件。當(dāng)鼠標(biāo)移動(dòng)到元素上時(shí)，會(huì)觸發(fā)指定的第一個(gè)函數(shù)(mouseenter);當(dāng)鼠標(biāo)移出這個(gè)元素時(shí)，會(huì)觸發(fā)指定的第二個(gè)函數(shù)(mouseleave)。2、當(dāng)元素獲得焦點(diǎn)時(shí)，觸發(fā)focus事件。當(dāng)通過鼠標(biāo)點(diǎn)擊選中元素或通過tab鍵定位到元素時(shí)，該元素就會(huì)獲得焦點(diǎn)。focus()方法觸發(fā)focus事件，或規(guī)定當(dāng)發(fā)生focus事件時(shí)運(yùn)行的函數(shù)。3、當(dāng)元素失去焦點(diǎn)時(shí)，觸發(fā)blur事件。blur()方法觸發(fā)blur事件，或規(guī)定當(dāng)發(fā)生blur事件時(shí)運(yùn)行的函數(shù)。