jquery用data方法獲取某個(gè)元素上的事件
jquery的給元素綁定的事件可以用data方法取出來(lái)
通過(guò)$(element).data("events")來(lái)獲取
// 比如給一個(gè)button綁定兩個(gè)click事件 $("button").click(function() { alert("1") }); $("button").click(function() { alert("2") }); // 這個(gè)時(shí)候點(diǎn)擊該button會(huì)分別彈出 2 和1的alert框 // 取出該button的所有click事件,是個(gè)數(shù)組
$("button").data('events').click
會(huì)看到兩個(gè)click事件的數(shù)組
得到該數(shù)組,你可以調(diào)整順序后再設(shè)回去
$("button").data('events').click = newEventArray;
下面是這個(gè)方法的測(cè)試頁(yè)面:
<span style="font-size:18px;"><%@ page contentType="text/html;charset=UTF-8" language="java" %> <!DOCTYPE HTML> <html> <head> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>測(cè)試jquery動(dòng)態(tài)改變事件</title> <script type="text/javascript" src="/static/lib/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="/static/lib/jquery.cookie.min.js"></script> <script type="text/javascript" src="/static/lib/util.min.js"></script> <script type="text/javascript" src="/static/lib/jquery.bgiframe.min.js"></script> <script type="text/javascript" src="/static/lib/jshashtable.min.js"></script> </head> <body> <h1>該demo用于測(cè)試jquery附加了事件以后可不可以動(dòng)態(tài)改變事件有無(wú),及順序</h1> <input id="btn" type="button" value="點(diǎn)擊我執(zhí)行事件,分別執(zhí)行三個(gè)次序彈窗"/><br/> <input id="btn_clear" type="button" value="點(diǎn)擊清空?qǐng)?zhí)行事件,清空后第一個(gè)按鈕無(wú)反應(yīng)"/><br/> <input id="btn_revert" type="button" value="點(diǎn)擊還原執(zhí)行事件,點(diǎn)擊后第一個(gè)按鈕又會(huì)有反應(yīng)"/><br/> <input id="btn_seq" type="button" value="點(diǎn)擊我改變執(zhí)行事件順序,順序會(huì)改變"/><br/> <script type="text/javascript"> $(document).ready(function(){ $("#btn").click(function(){ alert(1); }); $("#btn").click(function(){ alert(2); }); $("#btn").click(function(){ alert(3); }); var _arr_events= $("#btn").data("events")["click"]; $("#btn_clear").click(function(){ $("#btn").data("events")["click"]=undefined; }); $("#btn_revert").click(function(){ $("#btn").data("events")["click"]=_arr_events; }); }); </script> </body> </html> </span>
- jquery移除、綁定、觸發(fā)元素事件使用示例詳解
- jQuery給動(dòng)態(tài)添加的元素綁定事件的方法
- jQuery動(dòng)態(tài)添加的元素綁定事件處理函數(shù)代碼
- jQuery 判斷元素上是否綁定了事件
- jQuery中對(duì)未來(lái)的元素綁定事件用bind、live or on
- jQuery 綁定事件到動(dòng)態(tài)創(chuàng)建的元素上的方法實(shí)例
- jquery動(dòng)態(tài)添加元素事件失效問(wèn)題解決方法
- JQuery1.8 判斷元素是否綁定事件的方法
- iframe里面的元素觸發(fā)父窗口元素事件的jquery代碼
- JQuery為頁(yè)面Dom元素綁定事件及解除綁定方法
- jQuery實(shí)現(xiàn)在新增加的元素上添加事件方法案例分析
相關(guān)文章
jquery網(wǎng)頁(yè)加載進(jìn)度條的實(shí)現(xiàn)
本篇文章主要介紹了jquery網(wǎng)頁(yè)加載進(jìn)度條的實(shí)現(xiàn) ,在頁(yè)面加載的時(shí)候,上方紅色的進(jìn)度條,有興趣的可以了解一下2017-06-06Jquery replace 字符替換實(shí)現(xiàn)代碼
Jquery replace 字符替換實(shí)現(xiàn)代碼,需要的朋友可以參考下。2010-12-12jQuery實(shí)現(xiàn)合并/追加數(shù)組并去除重復(fù)項(xiàng)的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)合并/追加數(shù)組并去除重復(fù)項(xiàng)的方法,可實(shí)現(xiàn)合并兩個(gè)數(shù)組并出去重復(fù)項(xiàng)的功能,涉及數(shù)組的遍歷、判斷、追加等相關(guān)操作技巧,需要的朋友可以參考下2018-04-04jQuery Timelinr實(shí)現(xiàn)垂直水平時(shí)間軸插件(附源碼下載)
jquery.timelinr.js是一款效果非常炫酷的jQuery時(shí)間軸插件。下面腳本之家小編給大家介紹jQuery Timelinr實(shí)現(xiàn)垂直水平時(shí)間軸插件,需要的朋友參考下2016-02-02jQuery進(jìn)階實(shí)踐之利用最優(yōu)雅的方式如何寫ajax請(qǐng)求
ajax請(qǐng)求相信對(duì)大家來(lái)說(shuō)都不陌生,下面這篇文章主要介紹了jQuery進(jìn)階實(shí)踐之利用最優(yōu)雅的方式如何寫ajax請(qǐng)求的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考借鑒,下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2017-12-12jQuery打字效果實(shí)現(xiàn)方法(附demo源碼下載)
這篇文章主要介紹了jQuery打字效果實(shí)現(xiàn)方法,詳細(xì)分析了jQuery實(shí)現(xiàn)打字效果所涉及的jticker_split.js插件機(jī)具體調(diào)用技巧,并附帶完整的demo源碼供讀者下載參考,需要的朋友可以參考下2015-12-12jQuery實(shí)現(xiàn)自動(dòng)調(diào)用和觸發(fā)某個(gè)事件的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)自動(dòng)調(diào)用和觸發(fā)某個(gè)事件的方法,結(jié)合實(shí)例形式列舉分析了jQuery事件觸發(fā)的常見(jiàn)操作技巧,需要的朋友可以參考下2016-11-11使用jQuery時(shí)Form表單元素ID和name命名大忌
將自己的表單元素ID和name命名為了nodeName,在chrome瀏覽器下報(bào)錯(cuò),結(jié)果發(fā)現(xiàn)是表單元素命名的原因2014-03-03