jQuery事件绑定与解除绑定实现方法


本文实例讲述了jQuery事件绑定与解除绑定实现方法。分享给大家供大家参考。具体如下:

<!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程序设计有所帮助。



相关阅读:
一行命令搞定node.js 版本升级
ThinkPHP模板替换与系统常量及应用实例教程
举例说明如何为JavaScript的方法参数设置默认值
Win8如何使用自带的开始屏幕上的SkyDrive应用
Win8系统单击变双击怎么修复 Win8系统单击变双击修复方法
如何实现修改密码时密码框显示保存到cookie的密码
php限制上传文件类型并保存上传文件的方法
解析javascript中鼠标滚轮事件
升级Win10遭遇错误代码0xc0000017的解决办法
深入理解Java中的弱引用
ASP.NET MVC中的AJAX应用
JavaScript中实现单体模式分享
Win10红石版Edge浏览器新扩展功能:关灯(附扩展程序使用)
php创建多级目录的方法
快速导航

Copyright © 2016 phpStudy |