jquery事件指的是頁面對(duì)不同訪問者的響應(yīng),而當(dāng)HTML中發(fā)生某些事件時(shí)所調(diào)用的方法,就是事件處理程序;jquery基本事件有六種,分別是頁面事件、鼠標(biāo)事件、鍵盤事件、表單事件、編輯事件和滾動(dòng)事件。
本教程操作環(huán)境:windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。
什么是jquery事件
頁面對(duì)不同訪問者的響應(yīng)叫做事件。
事件處理程序指的是當(dāng) HTML 中發(fā)生某些事件時(shí)所調(diào)用的方法。
jQuery 基本的事件共有以下 6 種。頁面事件;鼠標(biāo)事件;鍵盤事件;表單事件;編輯事件;滾動(dòng)事件。
當(dāng)我們點(diǎn)擊一個(gè)按鈕時(shí),會(huì)彈出一個(gè)對(duì)話框。其中“點(diǎn)擊”就是一個(gè)事件,“彈出對(duì)話框”就是我們?cè)邳c(diǎn)擊這個(gè)事件里面做的一些事情。
示例如下:
click() 方法是當(dāng)按鈕點(diǎn)擊事件被觸發(fā)時(shí)會(huì)調(diào)用一個(gè)函數(shù)。
該函數(shù)在用戶點(diǎn)擊 HTML 元素時(shí)執(zhí)行。
在下面的實(shí)例中,當(dāng)點(diǎn)擊事件在某個(gè) <p> 元素上觸發(fā)時(shí),隱藏當(dāng)前的 <p> 元素:
<html> <head> <meta charset="utf-8"> <title>123</title> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); }); </script> </head> <body> <p>如果你點(diǎn)我,我就會(huì)消失。</p> <p>點(diǎn)我消失!</p> <p>點(diǎn)我也消失!</p> </body> </html>
輸出結(jié)果:
相關(guān)視頻教程推薦:jQuery視頻教程