1. 程式人生 > >jquery:$.on(event,[selector],[data],fn)

jquery:$.on(event,[selector],[data],fn)

1、$.on()

在選擇元素上繫結一個或多個事件的事件處理函式。

(1)on()方法繫結事件處理程式到當前jquery物件中的元素。不再推薦使用.bind(),.delegate(),.live()

(2)刪除.on()事件:.off()

(3)要附加一個事件,只執行一次,然後刪除自己:.one()

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

events:一個或多個用空格風格的事件型別和可選的名稱空間。如:click 或keydown.myPlugin

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

data:事件觸發時要傳遞event.data給事件處理函式

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

如:

(1)

$.on("click",function(){});

(2)

function handle(){}

$.on("click",handle)

(3)取消預設操作

$.on("submit",false)

$.on("submit",function(event){event.preventDefault();});

$.on("submit",function(event){event.stopPropagation();});

相關推薦

jquery$.on(event,[selector],[data],fn)

1、$.on() 在選擇元素上繫結一個或多個事件的事件處理函式。 (1)on()方法繫結事件處理程式到當前jquery物件中的元素。不再推薦使用.bind(),.delegate(),.live() (2)刪除.on()事件:.off() (3)要附加一個事件,只執行一次,

jQuery事件--change([[data],fn])、on(events,[selector],[data],fn)和hover([over,]out)

   change([[data],fn]) 概述     當元素的值發生改變時,會發生 change 事件。     該事件僅適用於文字域(text field),以及 textarea 和 select 元素。當用於 sel

jquery帶引數繫結事件 bind(type,[data],fn)

bind 方法為每個選擇的元素事件繫結函式 語法格式:bind(type,[data],fn) 其中引數type為一個或多個型別字串引數,type引數選擇範圍如下: blur,focus,load,scroll,unload,click, dbclick,mousedown,mouseup,mous

jquery click([data],fn)使用方法詳解

click([[data],fn]) 返回值:jQuery 概述 觸發每一個匹配元素的click事件。 這個函式會呼叫執行繫結到click事件的所有函式。 引數 fnFunctionV1.0 在每一個匹配元素的click事件中繫結的處理函式。 [data]

jQuery的.on方法

tro 定義 paragraph cli one event tip put ont jQuery on()方法是官方推薦的綁定事件的一個方法。 $(selector).on(event,childSelector,data,function,map)由此擴展開來的幾個以

jQuery 嵌套 event 會觸發多次的原因

document button 鼠標 div 結果 rip multipl sub javascrip Html代碼如下: <div id="cover"> <input type="button" id="inside" value="submit

jquery中使用event.target的幾點說明 (轉自http://blog.csdn.net/zm2714/article/details/8119642)

board ngs 使用 net spa dtd meta xhtml function jquery中使用event.target的幾點說明 event.target 說明:引發事件的DOM元素。 this和event.target的區別 js中事件是

淺談jqueryon()綁定事件和off()解除綁定事件

span syntax num this code value 自己 冒泡 屬性 off()函數用於移除元素上綁定的一個或多個事件的事件處理函數。 off()函數主要用於解除由on()函數綁定的事件處理函數。 該函數屬於jQuery對象(實例)。 語法 jQuery

Facebook is spending $1 billion on its first data center in Asia

sof ces south ora force www. ice ini at-t 此文章源自:https://money.cnn.com/2018/09/06/technology/facebook-singapore/index.html Facebook i

三江源區高寒草地地上生物量遙感反演模型研究 Modeling Aboveground Biomass of Alpine Grassland in the Three-River Headwaters Region Based on Remote Sensing Data

col 評估 空格 類型 pan 擬合 mar [1] ESS 作  者:韓波高艷妮郭楊張林波王德旺徐良驥楊波 作者機構:[1]中國環境科學研究院,環境基準與風險評估國家重點實驗室,北京100012;[2]中國環境科學研究院,國家環境保護區域生態過程與功能評估重點實驗室,北

jQueryon繫結click和直接繫結click區別

狀況之外 在之前的公司並沒有遇到這個問題,也就沒有深究。直到自己換了現在的公司,剛來第二天就開始寫別人寫到一半的專案,很無奈,不是原生就是jquery,由於專案急,已經來不及切換框架重新佈局,只能繼續了。 狀況之中 到處都是列表,到處都是js建立的動態頁面,好吧,那我也繼續吧,突然,意外發生了

jquery.nestable中初始後data()存在快取問題。

最近在開發中用到了nestable外掛,發現在初始化後我修改了data-name這個屬性。然後在 $('#nestable').nestable('serialize'); 獲取到的值仍然為初始化的值,在查詢資料後發現是data的原因,data-id/data-name是html5的屬性,有快取

jQuery 中attr prop和data之間的區別

先聊一聊data和prop、attr的本質區別吧 dataduix對屬性的值不是直接修改而是知識修改了快取的資料 例如:         <input type="text" name="text1" id="txt1" placeholde

jQuery中用on繫結事件和用bind繫結事件的區別

jQuery兩種繫結事件,舉例說明: 以上三種方法都是對ul下的li進行繫結 其中方法一和方法二完全一樣,作用是:給ul下已經存在的li新增繫結事件,方法繫結在了li上,一旦出現新的li,點選方法是無法繫結在新的li上的。 因為繫結方法已經完成,任務分發到各個li上,

jQuery數據緩存$.data 的使用以及源碼解析

query eric event rac 沒有 handle properly empty call 一、實現原理: 對於DOM元素,通過分配一個唯一的關聯id把DOM元素和該DOM元素的數據緩存對象關聯起來,關聯id被附加到以jQuery.expando的值命名的屬性上,

jQuery樣式--css(name|pro|[,val|fn])

   css(name|pro|[,val|fn]) 概述      訪問匹配元素的樣式屬性 引數 name  要訪問的屬性名稱 name  一個或多個CSS屬性組成的一個數組 properties

C#NPOI.RabbitMQ.EF.Attribute.HttpRuntime.Cache.AD域.List<T>根據指定欄位去重.前端JQuery.Cache.I18N(多語言).data-xx(自定義屬性)

使用NPOI 操作Excel           個人使用的電腦基本預設安裝Excel 操作起來                       &n

Jqueryon繫結方法在Iphone下失效的問題

今日做專案的時候遇到一個奇怪的問題,例如: <div class="am-btn am-btn-default sure-btn" id="sure_id">確定</div>

JQueryon事件多次觸發問題

JQuery的on事件多次觸發問題 問題描述: 程式碼如下: <!-- 結構 --> <div class="content"> <div id='result'></div> <div id="mask

jQuery validator plugin之Selector

原文   :unchecked Selector Selects all elements that are unchecked. jQuery( ":unchecked" ) Inversion of :checked.