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 相关文章推荐
一些常用的Javascript函数
Dec 22 Javascript
[原创]后缀就扩展名为js的文件是什么文件
Dec 06 Javascript
基于jquery实现的服务器验证控件的启用和禁用代码
Apr 27 Javascript
js密码强度检测
Jan 07 Javascript
DWR中各种java方法的调用
May 04 Javascript
jquery插件锦集【推荐】
Dec 16 Javascript
Bootstrap源码解读按钮(5)
Dec 23 Javascript
用angular实现多选按钮的全选与反选实例代码
May 23 Javascript
JavaScript学习总结之正则的元字符和一些简单的应用
Jun 30 Javascript
vue项目中axios请求网络接口封装的示例代码
Dec 18 Javascript
Node.js net模块功能及事件监听用法分析
Jan 05 Javascript
如何在Angular应用中创建包含组件方法示例
Mar 23 Javascript
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
Codeigniter注册登录代码示例
2014/06/12 PHP
百万级别知乎用户数据抓取与分析之PHP开发
2015/09/28 PHP
ThinkPHP实现更新数据实例详解(demo)
2016/06/29 PHP
PHP实现数组转JSon和JSon转数组的方法示例
2018/06/14 PHP
WordPress 照片lightbox效果的运用几点
2009/06/22 Javascript
JS 自动完成 AutoComplete(Ajax 查询)
2009/07/07 Javascript
js汉字转拼音实现代码
2013/02/06 Javascript
jquery隐藏标签和显示标签的实例
2013/11/11 Javascript
深入浅析JavaScript中的Function类型
2016/07/09 Javascript
node.js express安装及示例网站搭建方法(分享)
2016/08/22 Javascript
Vue通过input筛选数据
2020/10/26 Javascript
PHP 实现一种多文件上传的方法
2017/09/20 Javascript
webpack中的热刷新与热加载的区别
2018/04/09 Javascript
详解vue-property-decorator使用手册
2019/07/29 Javascript
JavaScript 实现拖拽效果组件功能(兼容移动端)
2020/11/11 Javascript
小程序实现上下切换位置
2020/11/16 Javascript
[38:27]完美世界DOTA2联赛PWL S2 Forest vs FTD.C 第二场 11.26
2020/11/30 DOTA
python根据距离和时长计算配速示例
2014/02/16 Python
python PyQt5/Pyside2 按钮右击菜单实例代码
2019/08/17 Python
python3实现将json对象存入Redis以及数据的导入导出
2020/07/16 Python
canvas实现圆绘制的示例代码
2019/09/11 HTML / CSS
随机分配座位,共50个学生,使学号相邻的同学座位不能相邻
2014/01/18 面试题
父亲追悼会答谢词
2014/01/17 职场文书
财务学生的职业生涯发展
2014/02/11 职场文书
和解协议书
2014/04/16 职场文书
产品推广策划方案
2014/05/10 职场文书
伦敦奥运会的口号
2014/06/21 职场文书
公证委托书
2014/08/01 职场文书
国企干部对照检查材料
2014/08/22 职场文书
授权委托书公证
2014/09/14 职场文书
个人批评与自我批评
2014/10/15 职场文书
表扬信范文
2019/04/22 职场文书
Java设计模式之享元模式示例详解
2022/03/03 Java/Android
nginx.conf配置文件结构小结
2022/04/08 Servers
Spring Boot 实现 WebSocket
2022/04/30 Java/Android
Android 中的类文件和类加载器详情
2022/06/05 Java/Android