首頁 > web前端 > js教程 > 主體

JS delegate與live淺析_javascript技巧

WBOY
發布: 2016-05-16 17:07:59
原創
1424 人瀏覽過

在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的完成程式碼:

複製程式碼

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板