版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡介
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ù)。
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 江西綠色生態(tài) 單光老視成鏡 (編制說明)
- 2024年08月馬鞍山市人力資源和社會(huì)保障局所屬事業(yè)單位選調(diào)6人筆試歷年典型考點(diǎn)解題思路附帶答案詳解
- 幽默笑話故事小測(cè)驗(yàn)
- 小畫家大賽展示你的繪畫天賦
- 小學(xué)思考方法模擬測(cè)試
- 2024年中職高考數(shù)學(xué)計(jì)算訓(xùn)練 專題10 解三角形的相關(guān)計(jì)算
- 文學(xué)常識(shí)的高中模擬試卷
- 高中學(xué)業(yè)中的學(xué)科認(rèn)知與領(lǐng)域拓展
- 小小數(shù)學(xué)家探秘
- 中學(xué)生應(yīng)該如何正確處理學(xué)習(xí)和社交的關(guān)系
- 教育行業(yè)行業(yè)競(jìng)爭格局分析
- TRIZ創(chuàng)新方法學(xué)習(xí)通超星課后章節(jié)答案期末考試題庫2023年
- 產(chǎn)科對(duì)順產(chǎn)中會(huì)陰側(cè)切率高原因分析品管圈魚骨圖柏拉圖
- 江蘇自考11002公司法與企業(yè)法復(fù)習(xí)講義
- 擲一擲(全國一等獎(jiǎng))
- 小學(xué)實(shí)驗(yàn)室安全工作檢查自查報(bào)告
- 高空作業(yè)安全檢查表
- 煤礦2021-2023年瓦斯治理三年規(guī)劃
- 《品質(zhì)高爾斯華綏》
- 應(yīng)急照明的施工方案69222
- 孫雙喜植樹問題課件
評(píng)論
0/150
提交評(píng)論