jquery如何處理事件

這篇文章主要介紹了jquery如何處理事件，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

jquery處理事件的方法：1、注銷(xiāo)事件處理程序，代碼為【$(’*’).unbind();】；2、觸發(fā)事件【trigger();】；3、自定義事件，代碼為【$('div').click(function(){$.event.trigg】。

jquery處理事件的方法：

事件處理程序的簡(jiǎn)單注冊(cè)

//單擊任意div時(shí)，使其背景變成黃色
$('div').click(function(){   $(this).css({backgroundColor:'yellow'});  });
//toggle(),   將多個(gè)事件處理程序函數(shù)綁定到單擊事件, 按順序一次調(diào)用一個(gè)函數(shù);
$('div').toggle(function(){this.innerText='0'},function(){this.innerText='1'},function(){this.innerText='2'},);
//hover(), 用來(lái)給mouseenter 和 mouseleave事件注冊(cè)事件處理函數(shù)
第一個(gè)參數(shù)是mouseenterHandler , 第二個(gè)參數(shù)是mouseleaveHandler,      
如果mouseenterHandler 與mouseleaveHandler相同， 可以合并，只學(xué)一個(gè)Handler函數(shù)

事件處理程序的高級(jí)注冊(cè)

bind();

// 最簡(jiǎn)單的使用bind方法
 $('div').bind('click','牛逼的bind()',function(event){this.innerText = event.data});

注銷(xiāo)事件處理程序

unbind()

$(’*’).unbind() ; //從所有元素中移除所有的jQuery事件處理程序

觸發(fā)事件

trigger();

自定義事件

//用戶(hù)單擊div , 廣播一個(gè)自定義事件what事件;
$('div').bind('what',function(event){console.log(event.type)});
$('div').click(function(){$.event.trigger('what')});

實(shí)時(shí)事件

delegate();

undelegate();

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享jquery如何處理事件內(nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，遇到問(wèn)題就找億速云，詳細(xì)的解決方法等著你來(lái)學(xué)習(xí)!