jQuery live click()是一種事件代理方式,可以動態地為新添加的元素添加click事件。
$(document).ready(function() { $("button").live("click", function() { alert("Clicked!"); }); });
上面的代碼中,click()方法被替換為live(),這樣就可以為后添加的元素綁定事件。
jQuery live()方法的優點在于可以對比較大的文檔進行事件綁定,因為事件是在文檔的頂部進行委托綁定的。
$(document).ready(function() { $(".container").live("click", "button", function() { alert("Clicked!"); }); });
上面的代碼中,live()方法的第二個參數指定了需要綁定事件的目標元素,這樣就可以減少事件的處理量,提高性能。
然而,jQuery live()方法在jQuery 1.7版本中已被廢除。替代方法是使用on()方法進行事件委托綁定。
$(document).on("click", "button", function() { alert("Clicked!"); });
在新版的jQuery中,可以使用on()方法來替代live()方法,代碼更加簡潔,而且性能也有所提高。
上一篇css做漂亮的搜索欄
下一篇css元素查詢