jQuery刪除事件

1、jQuery的綁定事件非常方便，有bind、live、one還有它幫你把一些常用的事件給單獨了出來，比如控件的onclick事件，我們綁定onclick事件的時候只需要：123$("#testButton").click(function()       alert("I'm Test Button");  );其中說明一下：jQuery的.bind()、.live()和.delegate()之間區(qū)別.bind()$('a'

2、;).bind('click', function()  alert("That tickles!") );這是最簡單的綁定方法了。JQuery掃描文檔找出所有的$(a)元素，并把a(bǔ)lert函數(shù)綁定到每個元素的click事件上。.live()$('a').live('click', function()  alert("That tickles!") );JQuery把a(bǔ)lert函數(shù)綁定到$(document

3、)元素上，并使用click和a作為參數(shù)。任何時候只要有事件冒泡到document節(jié)點上，它就查看該事件是否是一個click事件，以及該事件的目標(biāo)元素與a這一CSS選擇器是否匹配，如果都是的話，則執(zhí)行函數(shù)。live方法還可以被綁定到具體的元素(或“context”)而不是document上，像這樣：$('a', $('#container')0).live(.);.delegate()$('#container').delegate('a', 'click', function()

4、60; alert("That tickles!") );JQuery掃描文檔查找$(#container)，并使用click事件和a這一CSS選擇器作為參數(shù)把a(bǔ)lert函數(shù)綁定到$(#container)上。任何時候只要有事件冒泡到$(#container)上，它就查看該事件是否是click事件，以及該事件的目標(biāo)元素是否與CCS選擇器相匹配。如果兩種檢查的結(jié)果都為真的話，它就執(zhí)行函數(shù)?？梢宰⒁獾剑@一過程與.live()類似，但是其把處理程序綁定到具體的元素而非document這一根上。精明的JSer們可能會做出這樣的結(jié)論，即$('a

5、').live() = $(document).delegate('a')，是這樣嗎?嗯，不，不完全是。為什么.delegate()要比.live()好用基于幾個原因，人們通常更愿意選用jQuery的delegate方法而不是live方法?？紤]下面的例子：$('a').live('click', function()  blah() );   / 或者   $(document).delegate('a',

6、0;'click', function()  blah() ); 移除事件    unbind(type ,data)     /data是要移除的函數(shù)    $('#btn').unbind("click"); /移除click    $('#btn').unbind(); /移除所有     對于

7、只需要觸發(fā)一次的，隨后就要立即解除綁定的情況，用one()    $('#btn').one("click",function().);     模擬操作    可以用trigger()方法完成模擬操作。    $('#btn').trigger("click");     $('#btn').click();  

8、60; 觸發(fā)自定義事件    $('#btn').bind("myclick",function().);    $('#btn').trigger("myclick");     傳遞數(shù)據(jù)    trigger(type ,data)    $('#btn').bind("myclick",function(event,mess

9、age1,message2).);    $('#btn').trigger("myclick","傳給message1","傳給message2");    執(zhí)行默認(rèn)操作     $("input").trigger("focus");        /不僅會觸發(fā)input元素綁定的focus事件，還會觸發(fā)默認(rèn)

10、操作得到焦點。    $("input").triggerHandler("focus");        /只觸發(fā)綁定事件，不執(zhí)行瀏覽器默認(rèn)操作    其他用法    綁定多個事件類型    $("div").bind("mouseover mouseout",function().);    添

11、加事件命名空間    $("div").bind("click.plugin",function().);    在所綁定的世界類型后面添加命名空間，這樣在刪除事件時只需要指定命名空間即可。        $("div").unbind(".plugin");   /刪除空間內(nèi)的事件    $("div").trigger("click!"); /觸發(fā)所以不包含在命名空間中的click方法    如果包含在命名空間的也要觸發(fā)：        $("div").trigger("c