on(events,[selector],[data],fn)
概述 在選擇元素上繫結乙個或多個事件的事件處理函式。
on()方法繫結事件處理程式到當前選定的jquery物件中的元素。
在jquery 1.7中,.on()方法 提供繫結事件處理程式所需的所有功能。
幫助從舊的jquery事件方法轉換,see .bind(), .delegate(), 和 .live(). 要刪除的.on()繫結的事件,請參閱.off()。
要附加乙個事件,只執行一次,然後刪除自己, 請參閱.one()
events,[selector],[data],fnv1.7
events:乙個或多個用空格分隔的事件型別和可選的命名空間,如」click」或」keydown.myplugin」 。
selector:乙個選擇器字串用於過濾器的觸發事件的選擇器元素的後代。如果選擇的< null或省略,當它到達選定的元素,事件總是觸發。
data:當乙個事件被觸發時要傳遞event.data給事件處理函式。
fn:該事件被觸發時執行的函式。 false 值也可以做乙個函式的簡寫,返回false。
events-map,[selector],[data]v1.7
events-map:個用字串表示的,乙個或多個空格分隔的事件型別和可選的命名空間,值表示事件繫結的處理函式。
selector:乙個選擇器字串過濾選定的元素,該選擇器的後裔元素將呼叫處理程式。如果選擇是空或被忽略,當它到達選定的元素,事件總是觸發。
data:當乙個事件被觸發時要傳遞event.data給事件處理函式。
多個事件繫結同乙個函式
$(document).ready(function());
});
多個事件繫結不同函式
$(document).ready(function(),
mouseout:function(),
click:function()
});});
繫結自定義事件
$(document).ready(function());
$("button").click(function());
});
傳遞資料到函式
function handlername(event)
$(document).ready(function(), handlername)
});
防止jQuery on多次繫結
button click function 引數描述 event 必需。規定要從被選元素移除的乙個或多個事件或命名空間。由空格分隔多個事件值。必須是有效的事件。selector 可選。規定新增事件處理程式時最初傳遞給 on 方法的選擇器。function eventobj 可選。規定當事件發生時執行...
Jquery on 動態繫結事件
之前就一直受這個問題的困擾,在jquery1.7版本之後新增了on方法,之前就了解過,其優越性高於live bind delegate 等方法,在此之前專案中想用這個來測試結果發現,居然動態生成的標籤點選了沒反應,而live方法卻能夠支援 jquery 使用on繫結動態生成的元素時,不能直接用該物件...
JqueryOn繫結事件方法介紹
1.簡介 1 on 方法在被選及子元素上新增乙個或多個事件處理程式 2 在jquery 版本1.7起,on 方法是bind live 和delegate 方法的新的替代品,該方法給api帶來很多便利,簡化了jquery 庫。3 使用on 方法新增的事件處理程式適用於當前及未來的元素 比如由指令碼建立...