jQuery 1.6的live方法是在DOM樹結構中發生變化時,自動將被選元素綁定的事件委托給它的父元素或祖先元素,以便處理動態生成的元素。
live方法的語法如下:
$(selector).live(event, function)
其中,selector是被選元素的選擇器,event是要綁定的事件,function是事件處理函數。
使用live方法,可以處理動態生成的元素。
$("button").live("click", function(){ alert("Button Clicked!"); });
這段代碼將給所有button綁定一個click事件,也包括后續動態生成的button元素。
但是在jQuery 1.7版本中,live方法被廢棄,取而代之的是on方法。on方法的語法如下:
$(parentSelector).on(event, selector, function)
其中,parentSelector是被委托的父元素或祖先元素,selector是被選元素的選擇器,event是要綁定的事件,function是事件處理函數。
使用on方法,可以與live方法一樣,處理動態生成的元素。
$("button").on("click", function(){ alert("Button Clicked!"); });
這段代碼與前面的live方法的示例相同,給所有button綁定一個click事件,也包括后續動態生成的button元素。