jquery事件繫結.on()、解綁事件off()用法詳解
jquery1.4 及之前的版本,由.click() 或 .bind()方法繫結的事件,不能適用指令碼建立的新元素:即是說頁面載入完成後,再動態建立的DOM元素並不能響應之前繫結的事件!
舊版本的處理方法是使用.live()方法來代替事件繫結.bind(),使得繫結的事件能適用指令碼建立的新元素。
但自jq1.7版本開始,官方已明文表示不再推薦使用使用.live()方法,官方解釋為:live()呼叫過程首先將事件方法繫結到了Document,然後,查詢Document裡是否有匹配元素。 這個過程對於效能來說可能比較浪費。官方推薦將.live()改成Delegate()方法,適用指令碼建立的新元素。
jq1.8開始,官方又再次申明:如果你開發最新版本的jQuery,完全可以使用on()方法來處理所有的事件繫結,避免過多的方法呼叫,因為其實在最新版本的jQuery類庫中,所有以上舊版方法在後面其實都是呼叫on()方法。
本文將詳細介紹jq1.8新版繫結事件.on()及解綁事件.off()方法的用法!
......
相關推薦
jquery事件繫結.on()、解綁事件off()用法詳解
jquery1.4 及之前的版本,由.click() 或 .bind()方法繫結的事件,不能適用指令碼建立的新元素:即是說頁面載入完成後,再動態建立的DOM元素並不能響應之前繫結的事件! 舊版本的處理方法是使用.live()方法來代替事件繫結.bi
jQuery事件繫結on()、bind()與delegate() 方法詳解
使用JS一段時間了,專案過程中發現在jQuery中繫結事件時,有人用bind(),有人用on(),有人用delegate(),還有人用live(),看程式碼的時候覺得都實現功能了也就掀過去了,只是一直沒完全弄懂之間的區別,於是今天查了下資料,自己做個總結。 之
jquery學習筆記之事件繫結on與事件解綁off用法
on()的多事件繫結 之前學的滑鼠事件,表單事件與鍵盤事件都有個特點,就是直接給元素繫結一個處理函式,所有這類事件都是屬於快捷處理。翻開原始碼其實可以看到,所有的快捷事件在底層的處理都是通過一個”on”方法來實現的。jQuery on()方法是官方推
jQuery事件繫結.on()
前幾天在看《jquery基礎教程》,看到事件委託的時候,關於live()方法講的不是很詳細,就去搜了一下關於live()和delegate()的。 然後在一處看到live()已經被移除了,囧,然後去看了最新的jq原始碼,果然被移除了,現在是1.9.1版本,不知道live()是在之前哪個版本被移除的,慚愧啊,
Android開發框架xUtils3.x新手教學(三)使用註解繫結UI、資源和事件
此處不再贅述註解的基本概念,直接上乾貨。 步驟1.在類的宣告處,用@ContentView繫結 UI佈局檔案和類名 @ContentView(R.layout.activity_login) public class LoginAty extends Activity
事件繫結on和addEventListener的區別
今天在敲程式碼的時候遇到的問題,剛好有空。就記了下來。 首先,我們應該知道,在繫結事件的時候有三種方法。 拿最簡單的click舉例說明下。第一種,直接在html中,使用onclick;第二種,在js程式碼中使用元素.click來呼叫;第三種就是事件元素.addEventLi
Java方法的靜態繫結與動態繫結講解(向上轉型的執行機制詳解)
今天看設計模式-模板方法模式時發現一個實現父類呼叫子類方法的效果的程式碼,不理解其中的原理,然後詢問大佬之後,發現這原來是動態繫結的知識,所以惡補了一下。 package com.practice; /** * 父類呼叫子類的方法 * * @author li
js中三種事件繫結之間的關係和事件處理函式裡的this值
<!DOCTYPE HTML> <html > <head> <meta charset="UTF-8"> </head> <body> <div id="b" onclick="cons
js中事件繫結3種方法以及事件委託
事件繫結 首先,我先來介紹我們平時繫結事件的三種方法。 1.嵌入dom <button onclick="open()">按鈕</button> <script> function open(){ alert(
transition、transform 等css3屬性用法詳解
transition、transform 等css3屬性用法,如果掌握的好,使用起來能夠遊刃有餘,相信使用者體驗什麼的應該也不會差!具體頁面效果可看頁面右側的“打醬油的,各種路過”模組。沒錯!加這個效果上去,就是要把這些傢伙全部曝光,讓你們打醬油...
EL表示式常見用法詳解 EL表示式常見用法詳解
原 EL表示式常見用法詳解 2017年02月02日 17:33:21 LiQiyaoo 閱讀數:32634 <
jQuery事件繫結以及解綁
jquery 事件繫結的四種方式 事件繫結 4種方式 1.click… 2.bind 1.7版本以後用on代替了 3.delegate 4.on 1. $("li").click(function () {//常用,但是優缺點 新創建出來的不會被繫結 alert("我是一個點選"); }
(08)jQuery事件繫結以及解綁
jquery 事件繫結的四種方式 事件繫結 4種方式 1.click... 2.bind 1.7版本以後用on代替了 3.delegate 4.on 1. $("li").click(functio
從零開始學 Web 之 jQuery(六)為元素繫結多個相同事件,解綁事件
一、為元素繫結多個相同事件 1、方式一 $("#btn").click(function () { console.log("click1"); }).click(function () { console.log("click2"); }).cli
jQuery——事件篇( 滑鼠、表單、鍵盤、事件繫結和解綁、事件物件、自定義事件)
滑鼠事件 click()與dbclick()事件 <!--方法1--> <div id="test">點選觸發<div> $("ele").click(function(){ alert('觸發指定事件')
JQuery事件繫結函式中的bind,live,delegate,on的差別?
bind:把事件繫結到每一個匹配的元素上,主要特點 1.相容性比較好 2.繫結事件到所有選出來的元素上 3.不會繫結事件到動態新增的那些元素上 4.當元素很多時,會出現效率問題,特別是巢狀層次比較深的元素。 html程式碼 <ul id="ul">
相容:繫結事件與解綁事件的相容程式碼
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> </head>
jquery on()事件繫結
$("#test1").on('click', function(e) { $(this).text('觸發事件:' + e.type) }) $("#test2").on('mousedown mouseup', function(e)
關於jquery 的繫結事件on 如何繫結動態生成的dom元素
今天遇到個問題,在table裡面動態更新資料,然後每一行會繫結相應的點選事件 我原本是想用 可作用於未來元素的on方法,但是實際上還是沒有起作用,程式碼如下: $(".form-table tbod
從零開始學 Web 之 DOM(六)為元素繫結與解綁事件
大家好,這裡是「 從零開始學 Web 系列教程 」,並在下列地址同步更新...... +------------------------------------------------------------ github:https://github.com/Daotin/Web 微信公眾號:Web前端之