js中的前綁定和後綁定詳解_基礎知識

 其主要意思是看我有沒有用過前綁定，即Dom樹中的某些元素在還沒有創建出來時，就指定該類型的元素一出生就應該擁有的某些事件。在實際開發過程中經常涉及前綁定和後綁定。顧名思義，前綁定──還未出生即綁定了某些事件，後綁定──出生後才會綁定的某些事件。
下面，透過一個簡單的例子來闡述，以供大家參考，並對各個方法進行比較：
頁面元素：

複製程式碼 程式碼如下:

aaaaaaaaaaaaaaaaaaaaaa

bbbbbbbbbbbbbbbbbbbb

ccccccccccccccccccccccccccc

/a>

eeeeeeeeeeeeeeeeeeffffeeffffff

ggggggggggggggggg

hhhhhhhhhhhhhhhhhhhh

頁面中的js:

複製程式碼複製程式碼

複製程式碼



複製程式碼

複製程式碼

複製程式碼

複製程式碼



複製程式碼

複製碼>
程式碼如下:

//2.後面綁定// $("#main > a").bind("click", function () { // alert($(this).text() ); // }); //3.後綁定, // $("#main > a").bind({ // click: function () { alert($(this).text() ); }, // mouseover: function () { $(this).css("background-color", "red") }, // mouseout: function () { $(this). css("background-color", "white") } // }); $("#btnCreate").bind({ click: function () { $("
我是動態建立的").appendTo("#main"); } }); //4.前綁定，動態建立的元素也擁有了點擊的事件// $("#main").delegate("a", "click", function () { // alert($(this).text()); // }); //5.前綁定,live的事件源頭的是documentdelegate的源頭是具體要綁定的元素，所以delegate的效率比live高多了$("#main a").live ("click", function () { alert($(this).text()); }); });