jquery如何處理事件

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

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

jquery處理事件的方法：

事件處理程序的簡單注冊

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

事件處理程序的高級注冊

bind();

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

注銷事件處理程序

unbind()

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

觸發事件

trigger();

自定義事件

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

實時事件

delegate();

undelegate();

感謝你能夠認真閱讀完這篇文章，希望小編分享jquery如何處理事件內容對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，遇到問題就找億速云，詳細的解決方法等著你來學習!