.on()
函數(shù)用于為指定元素的一個或多個事件綁定事件處理函數(shù)
語法:
.on( events [,selector ] [,data ], handler(eventObject) )
下面通過例子來進(jìn)行了解
// 為所有P元素分別綁定click事件處理函數(shù)handler
$('p').on('click', handler)
// 為#wrap元素上綁定click事件處理函數(shù)handler,如果這個click事件是由其后代的p元素觸發(fā)的毅桃,就執(zhí)行handler。
//這是利用了DOM的冒泡事件機(jī)制來進(jìn)行事件委托钥飞。
$('#wrap').on('click', 'p', handler)
//通過下面的例子來了解data的使用
var data = {id: 5, name: 'Tom'};
$('ul').on('mouseenter mouseleave', 'li', data, function(event){
var $me = $(this);
var options = event.data; //傳入的附加數(shù)據(jù)
if(event.type == 'mouseenter'){
console.log(options.name)
}else if(event.type == 'mouseleave'){
console.log(options.id)
}
})
.one()
語法
.one( events [, selector ] [, data ], handler(eventObject) )
同 on读宙,綁定事件,但只執(zhí)行一次
.trigger()
語法
.trigger( eventType [, extraParameters ] )
根據(jù)綁定到匹配元素的給定的事件類型執(zhí)行所有的處理程序和行為
$('#foo').on('click', function() {
console.log($(this).text())
});
$('#foo').trigger('click')