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


Posted in Javascript onApril 15, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
JQueryEasyUI Layout布局框架的使用
Apr 08 Javascript
JQuery+EasyUI轻松实现步骤条效果
Feb 22 Javascript
封装的dialog插件 基于bootstrap模态对话框的简单扩展
Aug 10 Javascript
原生js实现新闻列表展开/收起全文功能
Jan 20 Javascript
node.js实现复制文本到剪切板的功能
Jan 23 Javascript
jquery 仿锚点跳转到页面指定位置的实例
Feb 14 Javascript
node.js利用redis数据库缓存数据的方法
Mar 01 Javascript
详解如何使用webpack打包Vue工程
May 27 Javascript
判断滚动条滑到底部触发事件(实例讲解)
Nov 15 Javascript
利用Angular2 + Ionic3开发IOS应用实例教程
Jan 15 Javascript
angularjs $http调用接口的方式详解
Aug 13 Javascript
jquery实现进度条状态展示
Mar 26 jQuery
JavaScript表格常用操作方法汇总
Apr 15 #Javascript
jQuery控制Div拖拽效果完整实例分析
Apr 15 #Javascript
详细解密jsonp跨域请求
Apr 15 #Javascript
jQuery插件zoom实现图片全屏放大弹出层特效
Apr 15 #Javascript
javascript中Math.random()使用详解
Apr 15 #Javascript
js数组依据下标删除元素
Apr 14 #Javascript
js获取数组的最后一个元素
Apr 14 #Javascript
You might like
PHP依赖倒置(Dependency Injection)代码实例
2014/10/11 PHP
PHP内存缓存Memcached类实例
2014/12/08 PHP
详解PHP中的Traits
2015/07/29 PHP
Docker配置PHP开发环境教程
2016/12/21 PHP
PHP判断一个数组是另一个数组子集的方法详解
2017/07/31 PHP
yii框架redis结合php实现秒杀效果(实例代码)
2017/10/26 PHP
PHP从尾到头打印链表实例讲解
2018/09/27 PHP
Extjs在exlipse中设置自动提示的方法
2010/04/07 Javascript
javascript中传统事件与现代事件
2015/06/23 Javascript
js 判断所选时间(或者当前时间)是否在某一时间段的实现代码
2015/09/05 Javascript
JS在Chrome浏览器中showModalDialog函数返回值为undefined的解决方法
2016/08/03 Javascript
解决js ajax同步请求造成浏览器假死的问题
2018/01/18 Javascript
vue实现element-ui对话框可拖拽功能
2018/08/17 Javascript
详解jQuery获取特殊属性的值以及设置内容
2018/11/14 jQuery
JS使用队列对数组排列,基数排序算法示例
2019/03/02 Javascript
uni-app使用微信小程序云函数的步骤示例
2020/05/22 Javascript
[55:47]DOTA2上海特级锦标赛C组小组赛#2 LGD VS Newbee第三局
2016/02/27 DOTA
[00:37]2016完美“圣”典风云人物:AMS宣传片
2016/12/06 DOTA
python网络编程学习笔记(二):socket建立网络客户端
2014/06/09 Python
Python使用matplotlib填充图形指定区域代码示例
2018/01/16 Python
Python使用flask框架操作sqlite3的两种方式
2018/01/31 Python
深入flask之异步非堵塞实现代码示例
2018/07/31 Python
浅谈python下tiff图像的读取和保存方法
2018/12/04 Python
解决pandas .to_excel不覆盖已有sheet的问题
2018/12/10 Python
keras load model时出现Missing Layer错误的解决方式
2020/06/11 Python
python连接手机自动搜集蚂蚁森林能量的实现代码
2021/02/24 Python
Nicole Miller官方网站:纽约女装品牌
2019/09/14 全球购物
大学生标准推荐信范文
2013/11/25 职场文书
残疾人创业典型事迹
2014/02/01 职场文书
国庆节文艺活动方案
2014/02/03 职场文书
《新型玻璃》教学反思
2014/04/13 职场文书
卫生院艾滋病宣传活动小结
2014/07/09 职场文书
党员教师群众路线对照检查材料思想汇报
2014/09/29 职场文书
总经理岗位职责
2015/02/04 职场文书
Oracle 死锁的检测查询及处理
2021/09/25 Oracle
疑《守望先锋2》A测截图泄露 或将推出新模式、新界面
2022/04/03 其他游戏