返回值:jQueryon(events,[selector],[data],fn)
jQuery on() 方法概述
在選擇元素上綁定一個(gè)或多個(gè)事件的事件處理函數。
on()方法綁定事件處理程序到當前選定的jQuery對象中的元素。在jQuery 1.7中，.on()方法 提供綁定事件處理程序所需的所有功能。幫助從舊的jQuery事件方法轉換，see .bind(), .delegate(), 和 .live(). 要刪除的.on()綁定的事件，請參閱.off()。要附加一個(gè)事件，只運行一次，然后刪除自己， 請參閱.one()
參數
events,[selector],[data],fnV1.7
events:一個(gè)或多個(gè)用空格分隔的事件類(lèi)型和可選的命名空間，如"click"或"keydown.myPlugin" 。
selector:一個(gè)選擇器字符串用于過(guò)濾器的觸發(fā)事件的選擇器元素的后代。如果選擇的< null或省略，當它到達選定的元素，事件總是觸發(fā)。
data:當一個(gè)事件被觸發(fā)時(shí)要傳遞event.data給事件處理函數。
fn:該事件被觸發(fā)時(shí)執行的函數。 false 值也可以做一個(gè)函數的簡(jiǎn)寫(xiě)，返回false。
events-map,[selector],[data]V1.7
events-map:個(gè)用字符串表示的，一個(gè)或多個(gè)空格分隔的事件類(lèi)型和可選的命名空間，值表示事件綁定的處理函數。
selector:一個(gè)選擇器字符串過(guò)濾選定的元素，該選擇器的后裔元素將調用處理程序。如果選擇是空或被忽略，當它到達選定的元素，事件總是觸發(fā)。
data:當一個(gè)事件被觸發(fā)時(shí)要傳遞event.data給事件處理函數。
示例
描述:
Display a paragraph's text in an alert when it is clicked:
$("p").on("click", function(){
alert( $(this).text() ); start with a start with a start with a start with a start with a start with a
});Pass data to the event handler, which is specified here by name:
function myHandler(event) {
alert(event.data.foo); start with a start with a start with a start with a start with a start with a
}
$("p").on("click", {foo: "bar"}, myHandler)Cancel a form submit action and prevent the event from bubbling up by returning false:
$("form").on("submit", false)Cancel only the default action by using .preventDefault().
$("form").on("submit", function(event) {
event.preventDefault();
});Stop submit events from bubbling without preventing form submit, using .stopPropagation().
$("form").on("submit", function(event) {
event.stopPropagation();
});