之前學(xué)的鼠標(biāo)事件，表單事件與鍵盤事件都有個(gè)特點(diǎn)，就是直接給元素綁定一個(gè)處理函數(shù)，所有這類事件都是屬于快捷處理。翻開源碼其實(shí)可以看到，所有的快捷事件在底層的處理都是通過一個(gè)"on"方法來實(shí)現(xiàn)的。jQuery on()方法是官方推薦的綁定事件的一個(gè)方法。
基本用法：.on( events ,[ selector ] ,[ data ] )
最常見的給元素綁定一個(gè)點(diǎn)擊事件，對(duì)比一下快捷方式與on方式的不同
$("#elem").click(function(){}) //快捷方式
$("#elem").on('click',function(){}) //on方式
最大的不同點(diǎn)就是on是可以自定義事件名，當(dāng)然不僅僅只是如何，繼續(xù)往下看
多個(gè)事件綁定同一個(gè)函數(shù)
$("#elem").on("mouseover mouseout",function(){ });
通過空格分離，傳遞不同的事件名，可以同時(shí)綁定多個(gè)事件
多個(gè)事件綁定不同函數(shù)
$("#elem").on({
mouseover:function(){},
mouseout:function(){}
});
通過空格分離，傳遞不同的事件名，可以同時(shí)綁定多個(gè)事件，每一個(gè)事件執(zhí)行自己的回調(diào)方法
將數(shù)據(jù)傳遞到處理程序
function greet( event ) {
alert( "Hello " + event.data.name ); //Hello 慕課網(wǎng)
}
$( "button" ).on( "click", {
name: "慕課網(wǎng)"
}, greet );
可以通過第二參數(shù)（對(duì)象），當(dāng)一個(gè)事件被觸發(fā)時(shí)，要傳遞給事件處理函數(shù)的
以上都是on方法基本用法，具體可以參考下右邊的代碼的一些使用
在代碼39行處，填入任務(wù)代碼
給 id="test1"的元素綁定一個(gè)click事件
on
請(qǐng)驗(yàn)證，完成請(qǐng)求
由于請(qǐng)求次數(shù)過多，請(qǐng)先驗(yàn)證，完成再次請(qǐng)求
打開微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報(bào)