$(function() );
//使用live繫結的是document,而非button
//所以,永遠只會繫結一次事件
$(".button").live("click", function
() );
//bind 無法動態繫結事件
$(".button").bind("click", function
() );
//live 可以動態繫結事件,因為事件繫結在document上
//live 繫結在document上,而點選button 其實是冒泡到document上
//並且點選document時候,需要驗證event.type 和 event.target才能觸發
//live 不支援連綴呼叫
$(".button").live("click", function
() );
//live 的替代方法 delegate
$("#box").delegate(".button", "click", function
() )
$("#box").undelegate(".button", "click"); //
解綁//
最新繫結方法 on off one
$(".button").on("click", , function
(e) );
$(".button").on("mouseover mouseout", function
(e) );
$(".button").on(, mouseout:
function
() });
$("form").on("submit", function
() );
$("form").on("submit", false
);
//替代 live delegate
$("#box").on("click", ".button", function
() );
//移出事件委託
$("#box").off("click", ".button");
//僅一次觸發事件
$(".button").one("click", function
() );
});
jQuery 事件委託
本文 隨著dom結構的複雜化和ajax等動態指令碼技術的運用,事件委託自然浮出了水面 jquery為繫結和委託事件提供了.bind live 和.delegate 方法。本文在討論這幾個方法內部實現的基礎上,展示它們的優劣勢及適用場合。事件委託 事件委託的事例在現實當中比比皆是。比如,有三個同事預計...
jQuery 事件委託
概念 什麼是事件委託 通俗的講,事件就是onclick,onmouseover,onmouseout,等就是事件,委託呢,就是讓別人來做,這個事件本來是加在某些元素上的,然而你卻加到別人身上來做,完成這個事件。舉個列子 有三個同事預計會在周一收到快遞。為簽收快遞,有兩種辦法 一是三個人在公司門口等快...
jquery事件委託
概念 什麼是事件委託 通俗的講,事件就是onclick,onmouseover,onmouseout,等就是事件,委託呢,就是讓別人來做,這個事件本來是加在某些元素上的,然而你卻加到別人身上來做,完成這個事件。舉個列子 有三個同事預計會在周一收到快遞。為簽收快遞,有兩種辦法 一是三個人在公司門口等快...