jQuery事件綁定與解除綁定實現(xiàn)方法
更新時間:2015年04月15日 10:12:09 作者:令狐不聰
這篇文章主要介紹了jQuery事件綁定與解除綁定實現(xiàn)方法,實例分析了jQuery中bind與unbind方法的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了jQuery事件綁定與解除綁定實現(xiàn)方法。分享給大家供大家參考。具體如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <script src="./jquery-1.4.2.min.js"></script> <style> div { border:1px solid black; width:20px; height:20px; text-align:center; float:left; cursor:pointer } .has{ background-color:red; cursor:default } </style> </head> <body onload="autoCheck()"> <div id="10102" class="has">2</div> <div id="10103">3</div> <div id="10104">4</div> <div id="10105">5</div> <div id="10106">6</div> <div id="10107">7</div> <div id="10108">8</div> </body> </html> <script type="text/javascript"> jQuery(function(){ jQuery("div").bind('click',function(){ if(jQuery(this).attr('class') != ''){ return false; } jQuery(this).addClass("has"); jQuery(this).unbind("click"); //window.open("./helloworld.html"); window.showModalDialog("./helloworld.html", window, "dialogWidth=500px;dialogHeight=400px;status=no;help=no;scrollbars=no"); jQuery(this).attr('id'); }); }) </script>
希望本文所述對大家的jQuery程序設(shè)計有所幫助。
您可能感興趣的文章:
- jQuery?事件綁定及取消?bind?live?delegate?on?one區(qū)別解析
- jquery事件綁定方法介紹
- jQuery事件綁定和解綁、事件冒泡與阻止事件冒泡及彈出應(yīng)用示例
- jQuery實現(xiàn)的事件綁定功能基本示例
- jQuery的三種bind/One/Live/On事件綁定使用方法
- jQuery 全選 全不選 事件綁定的實現(xiàn)代碼
- jQuery事件綁定方法學(xué)習(xí)總結(jié)(推薦)
- jquery移除了live()、die(),新版事件綁定on()、off()的方法
- 關(guān)于Jquery中的事件綁定總結(jié)
- jquery事件綁定解綁機制源碼解析
- jQuery事件綁定用法詳解
- 深入理解jQuery事件綁定
- jQuery事件綁定on()與彈窗實現(xiàn)代碼
- jQuery事件綁定用法詳解(附bind和live的區(qū)別)
- jQuery實現(xiàn)按鈕只點擊一次后就取消點擊事件綁定的方法
- JQuery中DOM事件綁定用法詳解
- jQuery事件綁定on()、bind()與delegate() 方法詳解
- jquery中click等事件綁定及移除的幾種方法小結(jié)
相關(guān)文章
jQuery treeview樹形結(jié)構(gòu)應(yīng)用
這篇文章主要為大家詳細介紹了jQuery treeview樹形結(jié)構(gòu)應(yīng)用,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-03-03JQuery樣式操作、click事件以及索引值-選項卡應(yīng)用示例
這篇文章主要介紹了JQuery樣式操作、click事件以及索引值-選項卡應(yīng)用,結(jié)合實例形式分析了jQuery動態(tài)修改css樣式、事件響應(yīng)以及選項卡相關(guān)操作技巧,需要的朋友可以參考下2019-05-05基于jQuery實現(xiàn)Ajax驗證用戶名是否存在實例
這篇文章主要為大家詳細介紹了基于jQuery實現(xiàn)Ajax驗證用戶名是否存在實例,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-03-03基于jQuery和CSS3實現(xiàn)APPLE TV海報視差效果
這篇文章主要介紹了基于jQuery和CSS3實現(xiàn)APPLE TV海報視差效果,需要的朋友可以參考下2017-06-06