jquery on 方法及其引數使用

2021-07-09 10:26:04 字數 1141 閱讀 3986

on() 方法在被選元素及子元素上新增乙個或多個事件處理程式。

$( selector).on(

event,childselector,data,function,map) 引數

描述event

必需。規定要從被選元素移除的乙個或多個事件或命名空間。

由空格分隔多個事件值。必須是有效的事件。

childselector

可選。規定只能新增到指定的子元素上的事件處理程式(且不是選擇器本身,比如已廢棄的 delegate() 方法)。

data

可選。規定傳遞到函式的額外資料。

function

可選。規定當事件發生時執行的函式。

map規定事件對映 (),包含要新增到元素的乙個或多個事件,以及當事件發生時執行的函式。

1. 基本用法

$("#div1").on("click",function());

2. 繫結div下所有p標籤的click方法

$("#div1").on("click","p",function());

3. 乙個元素多個事件繫結同乙個方法

$("p").on("mouseover mouseout",function());

4. 乙個元素繫結不同事件不同方法

$("p").on(,  

mouseout:function(), 

click:function()  

});5. 繫結自定義元素

$("p").on("myownevent", function(event, showname));

$("button").click(function());

6. 傳入資料

function handlername(event) 

$(document).ready(function(), handlername)

});7. 向將要建立的元素繫結方法

$(document).ready(function());

$("button").click(function());

});8. 移除事件

$(document).ready(function());

$("button").click(function());

});

jQuery on 方法使用

jquery on 方法 基本語法 語法結構一 selector on event,function 語法結構二 selector on events,selector data function 語法結構三 selector on object,selector data 結構一 a on cli...

jquery on 方法 off 方法

自從jquery1.7以來,on事件新增到這個版本,使得事件的繫結變的十分簡單,用過jquery的人都說好,相信對off,on方法愛不釋手。下面是我總結出來的on,off的使用語法,希望對小夥伴有幫助。on 使用場景最多 最簡單的寫法 ul li on click function 同時給多個元素繫...

jquery on 方法 off 方法

on 使用場景最多 最簡單的寫法 ul li on click function 同時給多個元素繫結一樣的事件 ul li,div on click function 同時給元素繫結多個事件 demonstrate on mouseout function ul li 實現事件委託 父元素ul li...