站長(zhǎng)資訊網(wǎng)
jquery事件指的是頁(yè)面對(duì)不同訪問(wèn)者的響應(yīng)，而當(dāng)HTML中發(fā)生某些事件時(shí)所調(diào)用的方法，就是事件處理程序；jquery基本事件有六種，分別是頁(yè)面事件、鼠標(biāo)事件、鍵盤(pán)事件、表單事件、編輯事件和滾動(dòng)事件。
本教程操作環(huán)境：windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。
什么是jquery事件
頁(yè)面對(duì)不同訪問(wèn)者的響應(yīng)叫做事件。
事件處理程序指的是當(dāng) HTML 中發(fā)生某些事件時(shí)所調(diào)用的方法。
jQuery 基本的事件共有以下 6 種。頁(yè)面事件；鼠標(biāo)事件；鍵盤(pán)事件；表單事件；編輯事件；滾動(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視頻教程
