JQuery 给DOM控件绑定和移除事件的方法

 

绑定事件：

Method 1

$("#myElement").click( function() {
alert($(this).text());
});

 

Method 2

$("#myElement").bind('click', function() {
alert($(this).text());
});

 

第一种看起来要方便一些，但它有一个局限，即DOM元素必须存在才可以。如果是在你代码中新添加的DOM元素，就必须要用第二种方法了，例如你新添加了一个可供点击的 IMG 元素或者列表元素，只有第二种方法适用。

 

移除事件

 

$("#myElement").bind ('click', function() {
alert($(this).text());
});
$("#myElement").unbind('click');

 

$("#myElement").bind ('focus', function() {
alert("I've got focus");
});
$("#myElement").click(function(){
alert('You clicked me.');
});
$("#myElement").unbind();