jQuery 的 click 方法是用來給指定的元素綁定單擊事件的。而 click 方法可以被綁定多次,每個(gè)綁定的函數(shù)就形成了一個(gè) click 事件處理程序。事件處理程序所組成的集合可以使用數(shù)組來來存儲(chǔ),以便后續(xù)調(diào)用或者操作。
// 綁定 click 事件處理程序 $( "#myButton" ).click( function() { console.log( "button clicked." ); }); $( "#myButton" ).click( function() { console.log( "another button clicked." ); }); // 通過數(shù)組調(diào)用事件處理程序 $( "#myButton" ).click()[0](); $( "#myButton" ).click()[1]();
在上面的例子中,我們給 id 為 myButton 的按鈕綁定了兩個(gè) click 事件處理程序。然后我們可以通過 click 方法返回的數(shù)組來調(diào)用事件處理程序。其中 [0] 表示調(diào)用第一個(gè) click 事件處理程序,[1] 表示調(diào)用第二個(gè) click 事件處理程序。
需要注意的是,如果數(shù)組中沒有任何事件處理程序,則調(diào)用 click 方法會(huì)返回一個(gè)空數(shù)組。此外,我們可以使用 jQuery 的 each 方法遍歷這個(gè)數(shù)組,來逐一調(diào)用每個(gè)事件處理程序。如下:
$.each( $( "#myButton" ).click(), function( index, eventHandler ) { eventHandler(); });
上面的代碼會(huì)遍歷 id 為 myButton 的元素的 click 事件處理程序,并且逐一調(diào)用它們。這個(gè)方法也可以用來在代碼中動(dòng)態(tài)添加或刪除事件處理程序。