恢jquery.easyui視頻教程-20第10章高級上

10事on、off主講教師：合作jQuery不但封裝了大量常用的事件處理，還提供了不少高級事件方便開發(fā)者使用。比如模擬用戶觸發(fā)事件、事件委托事件、和統(tǒng)一整合的onoffone方一．模擬操$('input').click(function()alert('我的第一次點擊來自模$('input').click(function()alert('我的第一次點擊來自模$('input').click(function(e,data1,{alert(data1+','+}).trigger('click',['abc',$('input').click(function(e,data1,{alert(data1.a+','+}).trigger('click',[{'a':'1','b':'2'},$('input').bind('myEvent',function{$('input').click(function()alert('我的第一次點擊來自模 //click()執(zhí)行的是$('input').click(function()alert('我的第一次點擊來自模.triggerHandler()方法并不會觸發(fā)事件的默認行為，而.trigger()會 //模擬用戶執(zhí)行提交，并跳轉(zhuǎn) //模擬用戶執(zhí)行提交，并的默認行$('form').submit(function(e) .triggerHandler()方法只會影響第一個匹配到的元素，而.trigger()會影響所有.triggerHandler()方返回當前事件執(zhí)行的返回值，如果沒有返回值，則返alert($('input').click(function{return //返回123，沒有return返jQuery擴展于DOM的機制，并非DOM特性。而.triggerHandler()不會冒泡。varindex=t('自定義事件'+index);二．命名空$('input').bind('click.abc',function{$('input').bind('click.xyz',function{ //click實踐中命名空間為abc的擬操作.trigger()和.triggerHandler()，用法也是一樣的三．事件委100個學生不可能同時站在學校門口等，那么都會委托門衛(wèi)去收取，然后再逐個交給學生。極度變慢或直接異常。而且，2000ajax分頁的話，.bind()方法無法動態(tài)綁定尚<divstyle="background:red;width:200px;height:200px;"<inputtype="button"value="按鈕class="button"$('.button').bind('click',function()$('.button').live('click',function().live()原理就是把click事件綁定到祖先元素$( $('#box').children(0).live('click',function()在上面的例子中，我們使用了.clone()克隆。其實如果想把事件行為過來，我們只$('.button').live('click',function()$('<inputtype="button"value="的"class="button"$('div').first().delegate('.button','click',function()遵循兩個規(guī)則：1.在DOM中很多元素綁定相同事件時；2.在DOM中尚不存在即將生成的四．on、off目前綁定事件和解綁的方法有三組共六個。由于這三組的共存可能會造成一定的，為此jQuery1.7以后推出了.on()和.off()方法徹底摒棄前面三組。$('.button').on('click',function$('.button').on('click',{user:'Lee'},functionalert('替代.bind()'$('.button').on('mouseovermouseout',function{mouseover:function(){mouseout:function()alert('替代.bind()}$('form').on('submit',function()return或$('form').on('submit',function{$('form').on('submit',function{$('#box').on('click','.button',function()來手工移除。jQuery提供了.one()方法，綁定元素執(zhí)行完畢