新聞中心
小編給大家分享一下jquery中如何對(duì)事件進(jìn)行綁定和解綁,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)的開發(fā),更需要了解用戶,從用戶角度來建設(shè)網(wǎng)站,獲得較好的用戶體驗(yàn)。創(chuàng)新互聯(lián)建站多年互聯(lián)網(wǎng)經(jīng)驗(yàn),見的多,溝通容易、能幫助客戶提出的運(yùn)營(yíng)建議。作為成都一家網(wǎng)絡(luò)公司,打造的就是網(wǎng)站建設(shè)產(chǎn)品直銷的概念。選擇創(chuàng)新互聯(lián)建站,不只是建站,我們把建站作為產(chǎn)品,不斷的更新、完善,讓每位來訪用戶感受到浩方產(chǎn)品的價(jià)值服務(wù)。
jQuery事件綁定和解綁
1.1. jQuery 事件注冊(cè)
jQuery 為我們提供了方便的事件注冊(cè)機(jī)制,是開發(fā)人員抑郁操作優(yōu)缺點(diǎn)如下:
優(yōu)點(diǎn): 操作簡(jiǎn)單,且不用擔(dān)心事件覆蓋等問題。
缺點(diǎn): 普通的事件注冊(cè)不能做事件委托,且無法實(shí)現(xiàn)事件解綁,需要借助其他方法。
語法
演示代碼
1.2. jQuery 事件處理
因?yàn)槠胀ㄗ?cè)事件方法的不足,jQuery又開發(fā)了多個(gè)處理方法,重點(diǎn)講解如下:
on(): 用于事件綁定,目前最好用的事件綁定方法
off(): 事件解綁
trigger() / triggerHandler(): 事件觸發(fā)
1.2.1 事件處理 on() 綁定事件
因?yàn)槠胀ㄗ?cè)事件方法的不足,jQuery又創(chuàng)建了多個(gè)新的事件綁定方法bind() / live() / delegate() / on()等,其中最好用的是: on()
語法
演示代碼
- 我們都是好孩子
- 我們都是好孩子
- 我們都是好孩子
1.2.3. 事件處理 off() 解綁事件
當(dāng)某個(gè)事件上面的邏輯,在特定需求下不需要的時(shí)候,可以把該事件上的邏輯移除,這個(gè)過程我們稱為事件解綁。jQuery 為我們提供 了多種事件解綁方法:die() / undelegate() / off() 等,甚至還有只觸發(fā)一次的事件綁定方法 one(),在這里我們重點(diǎn)講解一下 off() ;
語法
演示代碼
- 我們都是好孩子
- 我們都是好孩子
- 我們都是好孩子
我是一個(gè)P標(biāo)簽
1.2.4. 事件處理 trigger() 自動(dòng)觸發(fā)事件
有些時(shí)候,在某些特定的條件下,我們希望某些事件能夠自動(dòng)觸發(fā), 比如輪播圖自動(dòng)播放功能跟點(diǎn)擊右側(cè)按鈕一致。可以利用定時(shí)器自動(dòng)觸發(fā)右側(cè)按鈕點(diǎn)擊事件,不必鼠標(biāo)點(diǎn)擊觸發(fā)。由此 jQuery 為我們提供了兩個(gè)自動(dòng)觸發(fā)事件 trigger() 和 triggerHandler() ;
語法
演示代碼
1.3. jQuery 事件對(duì)象
jQuery 對(duì)DOM中的事件對(duì)象 event 進(jìn)行了封裝,兼容性更好,獲取更方便,使用變化不大。事件被觸發(fā),就會(huì)有事件對(duì)象的產(chǎn)生。
語法
演示代碼
注意:jQuery中的 event 對(duì)象使用,可以借鑒 API 和 DOM 中的 event 。
1.4. jQuery 拷貝對(duì)象
jQuery中分別為我們提供了兩套快速獲取和設(shè)置元素尺寸和位置的API,方便易用,內(nèi)容如下。
語法
演示代碼
1.5. jQuery 多庫共存
實(shí)際開發(fā)中,很多項(xiàng)目連續(xù)開發(fā)十多年,jQuery版本不斷更新,最初的 jQuery 版本無法滿足需求,這時(shí)就需要保證在舊有版本正常運(yùn)行的情況下,新的功能使用新的jQuery版本實(shí)現(xiàn),這種情況被稱為,jQuery 多庫共存。
語法
演示代碼
以上是“jquery中如何對(duì)事件進(jìn)行綁定和解綁”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
分享名稱:jquery中如何對(duì)事件進(jìn)行綁定和解綁
本文URL:http://fisionsoft.com.cn/article/pjedpi.html