首頁 >web前端 >js教程 >JS delegate與live淺析_javascript技巧

JS delegate與live淺析_javascript技巧

WBOY
WBOY原創
2016-05-16 17:07:591472瀏覽

在jquery裡有兩個方法可以用來綁定自動追加出來的DOM對象,它們是live和delegate,事實上,這兩個方法是bind方法的一個變體,在對於固定DOM對象時,我們通常使用bind就可以了,而對象動態產生的DOM對象,使用bind就無能為力了,這時live和delegate就出場了,呵呵。

live方法,用來綁定某個(某類別)對象,為它們綁定方法

複製碼 程式碼如下:

"td") .live("click", function () {
                alert($(this).html());
     //下方也是可以的           $("#list td"). live("click", function () {
                 alert($(this).html());
           });


delegate方法,用來綁定某個(某一類)對像下的子對象,為子對象綁定方法(委託子對象,讓子對像有某種方法,呵呵)

複製程式碼 程式碼如下:
 $("#list").delegate("td.delegate("td.delegate("td.delegate("td.delegate("td.delegateD ", "click", function () {
                alert($(this).html());
    
下面的DEMO的完成程式碼:

複製程式碼

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn