jQuery事件綁定與解除綁定實(shí)現(xiàn)方法
本文實(shí)例講述了jQuery事件綁定與解除綁定實(shí)現(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>
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
- jQuery?事件綁定及取消?bind?live?delegate?on?one區(qū)別解析
- jquery事件綁定方法介紹
- jQuery事件綁定和解綁、事件冒泡與阻止事件冒泡及彈出應(yīng)用示例
- jQuery實(shí)現(xiàn)的事件綁定功能基本示例
- jQuery的三種bind/One/Live/On事件綁定使用方法
- jQuery 全選 全不選 事件綁定的實(shí)現(xiàn)代碼
- jQuery事件綁定方法學(xué)習(xí)總結(jié)(推薦)
- jquery移除了live()、die(),新版事件綁定on()、off()的方法
- 關(guān)于Jquery中的事件綁定總結(jié)
- jquery事件綁定解綁機(jī)制源碼解析
- jQuery事件綁定用法詳解
- 深入理解jQuery事件綁定
- jQuery事件綁定on()與彈窗實(shí)現(xiàn)代碼
- jQuery事件綁定用法詳解(附bind和live的區(qū)別)
- jQuery實(shí)現(xiàn)按鈕只點(diǎn)擊一次后就取消點(diǎn)擊事件綁定的方法
- JQuery中DOM事件綁定用法詳解
- jQuery事件綁定on()、bind()與delegate() 方法詳解
- jquery中click等事件綁定及移除的幾種方法小結(jié)
相關(guān)文章
jquery實(shí)現(xiàn)帶縮略圖的全屏圖片畫(huà)廊效果實(shí)例
這篇文章主要介紹了jquery實(shí)現(xiàn)帶縮略圖的全屏圖片畫(huà)廊效果,實(shí)例分析了jquery帶縮略圖的全屏效果圖片實(shí)現(xiàn)技巧,并附有完整的源碼下載,需要的朋友可以參考下2015-06-06基于jquery實(shí)現(xiàn)多級(jí)菜單效果
這篇文章主要為大家詳細(xì)介紹了基于jquery實(shí)現(xiàn)多級(jí)菜單效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07jQuery treeview樹(shù)形結(jié)構(gòu)應(yīng)用
這篇文章主要為大家詳細(xì)介紹了jQuery treeview樹(shù)形結(jié)構(gòu)應(yīng)用,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-03-03JQuery樣式操作、click事件以及索引值-選項(xiàng)卡應(yīng)用示例
這篇文章主要介紹了JQuery樣式操作、click事件以及索引值-選項(xiàng)卡應(yīng)用,結(jié)合實(shí)例形式分析了jQuery動(dòng)態(tài)修改css樣式、事件響應(yīng)以及選項(xiàng)卡相關(guān)操作技巧,需要的朋友可以參考下2019-05-05基于jQuery實(shí)現(xiàn)Ajax驗(yàn)證用戶(hù)名是否存在實(shí)例
這篇文章主要為大家詳細(xì)介紹了基于jQuery實(shí)現(xiàn)Ajax驗(yàn)證用戶(hù)名是否存在實(shí)例,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-03-03基于jQuery和CSS3實(shí)現(xiàn)APPLE TV海報(bào)視差效果
這篇文章主要介紹了基于jQuery和CSS3實(shí)現(xiàn)APPLE TV海報(bào)視差效果,需要的朋友可以參考下2017-06-06JQuery animate動(dòng)畫(huà)應(yīng)用示例
這篇文章主要介紹了JQuery animate動(dòng)畫(huà)應(yīng)用,結(jié)合具體實(shí)例形式分析了jQuery使用animate動(dòng)畫(huà)實(shí)現(xiàn)選項(xiàng)卡及樣式動(dòng)態(tài)變化相關(guān)操作技巧,需要的朋友可以參考下2019-05-05