在JQuery中,on和off是兩個(gè)很重要的方法,它們分別用于綁定和解除事件。
//綁定事件 $("button").on("click", function(){ alert("Hello World!"); }); //解除事件 $("button").off("click");
on方法接受三個(gè)參數(shù),分別是事件類型,選擇器和處理函數(shù)。事件類型可以是click,hover,submit等等,選擇器是可選的,表示只有滿足選擇器條件的元素才會(huì)觸發(fā)事件,處理函數(shù)是在事件被觸發(fā)時(shí)執(zhí)行的代碼。
//只有class為test的元素才會(huì)觸發(fā)click事件 $(".test").on("click", function(){ alert("Hello World!"); });
而off方法只需要傳入事件類型即可解除事件。
$("button").off("click");
在實(shí)際開發(fā)中,JQuery的事件綁定和解除經(jīng)常被用到。例如,在動(dòng)態(tài)添加元素時(shí),需要在元素添加到DOM樹之后再綁定事件。這時(shí),可以使用on方法的委托事件功能,將事件綁定到父元素上。
//父元素為ul,子元素為li $("ul").on("click", "li", function(){ alert("Hello World!"); });
當(dāng)然,on方法也可以同時(shí)綁定多個(gè)事件,off方法同樣可以解除多個(gè)事件。
//同時(shí)綁定click和hover事件 $("button").on("click hover", function(){ alert("Hello World!"); }); //同時(shí)解除click和hover事件 $("button").off("click hover");