2. 程式人生 > >(08)jQuery事件繫結以及解綁

(08)jQuery事件繫結以及解綁

阿新 • • 發佈：2019-01-03
jquery 事件繫結的四種方式 事件繫結 4種方式 1.click... 2.bind 1.7版本以後用on代替了 3.delegate 4.on 1. $("li").click(function () {//常用,但是優缺點 新創建出來的不會被繫結 alert("我是一個點選"); }); 3.父元素點delegate("子元素選擇器","事件名稱不帶on",驅動函式) 優點:效率高 新建立的元素也會繫結事件 $("ul").delegate("li","click", function () { alert("被點選到了li"); }) $("button").eq(1).click(function () {
 $("ul").append("<li>我是新來的</li>"); }); 4. on 給父元素繫結 $("ul").on("click","li",aaa, function () { alert("我是最現代的繫結方式on"); }); 事件解綁 傳入兩個引數 只能解綁指定事件 $("ul").undelegate("li","click"); 通過父元素 直接解綁 子元素的所有事件 $("ul").undelegate(); 不傳引數就是解綁所有 $("ul li").off(); off可以解綁 通過click或者其他直接繫結的事件 解綁事件 需要具體選擇到哪一個帶事件的元素物件上面去
 傳入引數 解綁引數對應的事件 $("ul li").off("click");

相關推薦

(08)jQuery事件繫結以及解綁

jquery 事件繫結的四種方式 事件繫結 4種方式 1.click... 2.bind 1.7版本以後用on代替了 3.delegate 4.on 1. $("li").click(functio

jQuery事件繫結以及解綁

jquery 事件繫結的四種方式 事件繫結 4種方式 1.click… 2.bind 1.7版本以後用on代替了 3.delegate 4.on 1. $("li").click(function () {//常用,但是優缺點 新創建出來的不會被繫結 alert("我是一個點選"); }

jQuery事件多次繫結與解綁

jQuery事件繫結很常見，相信大家經常會用到click、focus、blur等事件，但是如果對控制元件的某個事件繫結多個方法會是怎樣的結果呢，覆蓋、累加、或其他效果？今天我就來驗證一下這個疑問並說說如何解綁。 一、jQuery事件多次繫結 <head> <sc

jquery事件繫結.on()、解綁事件off()用法詳解

jquery1.4 及之前的版本，由.click() 或 .bind()方法繫結的事件，不能適用指令碼建立的新元素：即是說頁面載入完成後，再動態建立的DOM元素並不能響應之前繫結的事件！ 舊版本的處理方法是使用.live()方法來代替事件繫結.bi

jQuery事件繫結on()、bind()與delegate() 方法詳解

使用JS一段時間了，專案過程中發現在jQuery中繫結事件時，有人用bind()，有人用on()，有人用delegate()，還有人用live()，看程式碼的時候覺得都實現功能了也就掀過去了，只是一直沒完全弄懂之間的區別，於是今天查了下資料，自己做個總結。 之

從零開始學 Web 之 DOM（六）為元素繫結與解綁事件

大家好，這裡是「 從零開始學 Web 系列教程 」，並在下列地址同步更新...... +------------------------------------------------------------ github：https://github.com/Daotin/Web 微信公眾號：Web前端之

jquery事件繫結的幾種用法

常見的事件繫結的幾種方法 主要有on(),bind(),live(),delegate(),隨著版本的不斷更新，live(),bind(),delegate()被相繼棄用。live()：1.7版本之後被棄用bind()、delegate()：3.0版本之後被棄用雖然在3.0之後的版本中有bind和deleg

JQuery事件繫結函式中的bind,live,delegate,on的差別？

bind：把事件繫結到每一個匹配的元素上，主要特點 1.相容性比較好 2.繫結事件到所有選出來的元素上 3.不會繫結事件到動態新增的那些元素上 4.當元素很多時，會出現效率問題，特別是巢狀層次比較深的元素。 html程式碼 <ul id="ul">

Spring Security系列之Spring Social社交登入的繫結與解綁(十五)

在之前的Spring Social系列中，我們只是實現了使用服務提供商賬號登入到業務系統中，但沒有與業務系統中的賬號進行關聯。本章承接之前社交系列來實現社交賬號與業務系統賬號的繫結與解綁。 UserConnection create table UserConnection ( user

針對不同瀏覽器的事件繫結以及滑鼠滾輪事件

前段時間在看《JavaScript高階程式設計》第十三章-事件, 還沒看完, 只是看到裡面的一些內容覺得在這裡做一個記錄和總結會比較好. 首先先來講解一下繫結事件一共有幾種方式以及他們的特點和瀏覽器的相容性 一. DOM0級事件處理程式 所謂的DOM0級事件處理程式,

jQuery事件繫結.on()

前幾天在看《jquery基礎教程》，看到事件委託的時候，關於live()方法講的不是很詳細，就去搜了一下關於live()和delegate()的。 然後在一處看到live()已經被移除了，囧，然後去看了最新的jq原始碼，果然被移除了，現在是1.9.1版本，不知道live()是在之前哪個版本被移除的，慚愧啊，

事件委託和jQuery事件繫結

事件委託 什麼是事件委託?用現實中的理解就是:100個學生在同一天的中午都要收取快遞，這100個學生難道都會在門口等著麼？不會，他們會委託門衛代收，然後門衛再逐個將包裹交到學生手中。在jQuery中我們會通過事件冒泡的特性，讓子元素的事件繫結到祖先元素上去，在祖先元素統一處

jQuery事件繫結與取消

1、頁面載入完畢時，為元素繫結事件 $().bind(事件型別,有名|無名函式) $(function(){ $('div').bind('mouseover',function(){ //事件內容 }); $('div

jquery事件繫結和事件委託

參考文件： http://blog.csdn.net/xxd851116/article/details/8646899  http://www.jb51.net/article/57827.htm  http://www.jb51.net/article/67166.ht

jQuery 事件繫結方法（bind hover toggle live.... ）、刪除事件方法（unbind, die）及 事件物件

事件繫結方法： 1.<type>(function) $("button").click(function(){ ... }); 2.bind(map) $("input[type='text']").bind({ focus: func

jQuery事件繫結和委託例項

本文例項講述了jQuery事件繫結和委託。分享給大家供大家參考。具體方法如下： jQuery事件的繫結和委託可以用多種方法實現，on()  、 bind()  、 live()  、 delegate() ，還有one()。   有時我們可能會像下面這樣繫結一個事件： 複製程式碼 程式碼如下: $("#di

Spring Security原始碼分析十四：Spring Social 社交登入的繫結與解綁

社交登入又稱作社會化登入（Social Login），是指網站的使用者可以使用騰訊QQ、人人網、開心網、新浪微博、搜狐微博、騰訊微博、淘寶、豆瓣、MSN、Google等社會化媒體賬號登入該網站。 前言 在之前的Spring Social系列中，我

jquery 事件繫結

     前端頁面有個奇怪的現象，點選一次查詢操作，因為是每一次只查詢十條結果，但是結果查詢出來幾十條，後來發現，沒執行一次查詢操作就會執行一次對查詢按鈕的事件繫結操作，問題出現在這裡。總結：對於頁面上的元素，對於一個事件只能繫結一次。

jQuery事件繫結原理(1)

jQuery事件處理機制能幫我們處理那些問題？ 解決瀏覽器事件相容問題 可以在一個事件型別上新增多個事件處理函式，可以一次新增多個事件型別的事件處理函式 提供了常用事件的便捷方法 支援自定義事件 擴充套件了組合事件 提供了統一的事件封裝、繫結、執行、銷燬機制

jQuery事件繫結

　參考　https://www.jb51.net/article/96248.htm   個人理解：ｂｉｎｄ：　事件類似直接繫結得ｏｎ事件，但是，它不能為動態新增得元素繫結事件，但如果列表中動態增加一個“列表元素5”，點選它是沒有反應的，必須再bind一次才行。要想不這麼麻煩，我們可以使用live。