.on()這個方法是將某個selector元素一次全部載入相同的event,.live()、.delegate()和.bind()都是.on()的前身(至於有何差異這邊不多做解釋)

.on()用法

//將selector都載入click事件
$("table td").on("click",function(e){
	alert( $(this).html() );
});

//將selector底下的td元素都載入click事件
$("table").on("click", "td",function(e){
	alert( $(this).html() );
});

//傳值給event
$("table").on("click", {name:"KY"},function(e){
	alert( e.data.name );
});

.off()的功能則是跟.on()相反
.off()用法

//停用selector所有事件
$("table td").off();

//停用selector所有click事件
$("table td").off("click");

/*
關閉selector底下的td元素的click事件
只派的方式需相同才對應的到
例如
$("table td").on("click", test);
要停用事件就必須使用
$("table td").off("click", test);
*/
$("table").on("click", "td", test);
$("table").off("click", "td", test);

function test() {
	alert( $(this).html() );
}
Categories: jQuery