快捷導(dǎo)航

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è)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

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