Jquery的on 方法使用

2021-08-18 01:20:14 字數 1180 閱讀 2334

此方法可以在匹配元素上繫結乙個或者多個事件處理函式。

使用off()方法可以刪除on()方法繫結的事件。

語法結構一:

$(selector).on(events,[selector],[data],fn)

events:乙個或多個用空格分隔的事件型別和可選的命名空間。

selector:可選。乙個選擇器字串,用以過濾選定的元素,該選擇器的後裔元素將呼叫處理程式。如果選擇是空或被忽略,當它到達選定的元素,事件總是觸發。

data:可選。作為event.data屬性值傳遞給事件物件的額外資料物件以供事件處理函式處理。

fn:該事件被觸發時執行的函式。 false值也可以做乙個函式的簡寫,返回false。

//為div繫結乙個click事件

$("div").on("click",function

())

//為div繫結了兩個事件,多個事件空格分開

$("div").on("click mousemove",function

()) //為.article繫結了兩個事件以及兩個觸發類,觸發類需是.article的後代元素,中間用,號分開

$(".article").on("click mouseenter", " .amend ,.compile", function

(e) )

//用data引數為繫結的事件處理函式傳遞資料。

var newtext="這是新文字"

$("div").on("click",,function

(e),function

(e))

語法結構二:

$(selector).on(object,[selector],[data])

object 乙個用字串表示的,乙個或多個空格分隔的事件型別和可選的命名空間,值表示事件繫結的處理函式。

selector 可選。乙個選擇器字串,用以過濾選定的元素,該選擇器的後裔元素將呼叫處理程式。

如果選擇是空或被忽略,當它到達選定的元素,事件總是觸發。

data 可選。作為event.data屬性值傳遞給事件物件的額外資料物件以供事件處理函式處理。

//事件型別和事件處理函式以物件的形式繫結的。

var newtext="這是新文字"

$("div").on(},)

UNI APP使用Jquery的方法

template import from js jquery 3.5.1.min.js script style 值得注意的是,jquery一般只適用於h5頁面,因此可以對其進行條件限制 template 下面兩個用雙斜線加起來的並不是單純的注釋!ifdef h5 import from js jq...

jquery中ON方法的使用

以前在jquery中繫結動態元素一直使用live,現在才發現live已經被拋棄了,現在如果想實現live方法,可以使用最新的on方法,具體使用如下 live 寫法 list li live click list li function on 寫法 document on click list li ...

jQuery使用 grep 方法

以前自己也沒有使用過 grep 方法,grep 方法是按照某種條件來過濾陣列,所以使用 grep 方法可以從陣列中過濾出我們想要的結果。我們以乙個例子來看看,比如有乙個名為 nums 的陣列 var nums 1,2,3,4,5,jquery,css,5 split 可見陣列中有數字和字串,如果我們...