其主要意思就是看我有没有用过前绑定，即Dom树中的某些元素在还没有创建出来时，就指定该类型的元素一出生就应该拥有的某些事件。在实际开发过程中经常会涉及到前绑定和后绑定。顾名思义，前绑定——还未出生即绑定了某些事件，后绑定——出生后才会绑定的某些事件。下面，通过一个简单的例子进行阐述，以供大家参考，并对各个方法进行比较：页面元素： 复制代码 代码如下: aaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbb ccccccccccccccccccccccccc dddddddddddddddddddd eeeeeeeeeeeeeeeeeeeeee fffffffffffffffffffffffffffffffff gggggggggggggggggggg hhhhhhhhhhhhhhhhhhhh 页面中的js: 复制代码 代码如下: <br>$(function () { <br>//后绑定，即动态创建的元素不能拥有绑定的事件！！！ <br>//1.后绑定 <br>// $("#main > a ").click(function () { <br>// alert($(this).html()); <br>// }); <p>//2.后绑定 <br>// $("#main > a").bind("click", function () { <br>// alert($(this).text()); <br>// }); </p> <p>//3.后绑定, <br>// $("#main > a").bind({ <br>// click: function () { alert($(this).text()); }, <br>// mouseover: function () { $(this).css("background-color", "red") }, <br>// mouseout: function () { $(this).css("background-color", "white") } <br>// }); <br>$("#btnCreate").bind({ <br>click: function () { $("<br /><a href='#'>我是动态创建的</a>").appendTo("#main"); } <br>}); </p> <p><br>//4.前绑定，动态创建的元素也拥有了点击的事件 <br>// $("#main").delegate("a", "click", function () { <br>// alert($(this).text()); <br>// }); </p> <p>//5.前绑定,live的事件源头的是documentdelegate的源头是具体要绑定的元素，所以delegate的效率比live高多了 <br>$("#main a").live("click", function () { <br>alert($(this).text()); <br>}); <br>}); <br>
