jQuery事件綁定與解除綁定實(shí)現(xiàn)方法

更新時(shí)間：2015年04月15日 10:12:09 作者：令狐不聰

這篇文章主要介紹了jQuery事件綁定與解除綁定實(shí)現(xiàn)方法,實(shí)例分析了jQuery中bind與unbind方法的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(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ì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

50 個(gè) jQuery 插件可將你的網(wǎng)站帶到另外一個(gè)高度
Query架構(gòu)的開(kāi)發(fā)人員能夠創(chuàng)建一個(gè)插件代碼來(lái)擴(kuò)展其功能，從而能夠產(chǎn)生一些最好的插件，讓你的網(wǎng)站或任何給定的項(xiàng)目達(dá)到一個(gè)全新的水平。
2016-04-04
基于JQUERY的兩個(gè)ListBox子項(xiàng)互相調(diào)整的實(shí)現(xiàn)代碼
基于JQUERY的兩個(gè)ListBox子項(xiàng)互相調(diào)整的實(shí)現(xiàn)代碼，需要的朋友可以參考下。
2011-05-05
jQuery的promise與deferred對(duì)象在異步回調(diào)中的作用
這篇文章主要介紹了jQuery的promise與deferred對(duì)象在異步回調(diào)中的作用,需要的朋友可以參考下
2016-05-05
jQuery讓控件左右移動(dòng)的三種實(shí)現(xiàn)方法
常用的方法就是把控件的CSS position屬性設(shè)置為relative或 absolute，大家也可以學(xué)習(xí)下本文提供的其他方法
2013-09-09
jquery實(shí)現(xiàn)漂浮在網(wǎng)頁(yè)右側(cè)的qq在線客服插件示例
很實(shí)用的一款QQ在線客服代碼，點(diǎn)擊QQ圖標(biāo)，可直接與客服對(duì)話，詳細(xì)如下，感興趣的朋友可以參考下哈，希望對(duì)你有所幫助
2013-05-05
jQuery EasyUI Dialog拖不下來(lái)如何解決
這篇文章主要介紹了jQuery EasyUI Dialog拖不下來(lái)到底如何解決，遇到這類問(wèn)題的，或者是感興趣的小朋友可以參考一下
2015-09-09
基于jQuery的$.getScript方法去加載javaScript文檔解析
下面小編就為大家?guī)?lái)一篇基于jQuery的$.getScript方法去加載javaScript文檔解析。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-11-11
基于jquery實(shí)現(xiàn)的文字向上跑動(dòng)類似跑馬燈的效果
這篇文章主要介紹了基于jquery實(shí)現(xiàn)的文字向上跑動(dòng)效果類似跑馬燈,需要的朋友可以參考下
2014-06-06
jQuery中Nicescroll滾動(dòng)條插件的用法
本篇文章主要介紹了jQuery中Nicescroll滾動(dòng)條插件的用法，Nicescroll滾動(dòng)條插件是一個(gè)非常強(qiáng)大的基于jQuery的滾動(dòng)條插件，有需要的可以了解下。
2016-11-11
jQuery圖片的展開(kāi)和收縮實(shí)現(xiàn)代碼
圖片的展開(kāi)和收縮使用jquery實(shí)現(xiàn)不可思議吧，感興趣的朋友可以參考下哈，希望對(duì)你學(xué)習(xí)jquery 有所幫助
2013-04-04