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面向对象编程
Nov 15 Javascript
详解JavaScript中undefined与null的区别
Mar 29 Javascript
seaJs的模块定义和模块加载浅析
Jun 06 Javascript
Jquery设置attr的disabled属性控制某行显示或者隐藏
Sep 25 Javascript
JS常用函数使用指南
Nov 23 Javascript
微信小程序 Audio API详解及实例代码
Sep 30 Javascript
Html5+jQuery+CSS制作相册小记录
Dec 30 Javascript
vue-router项目实战总结篇
Feb 11 Javascript
详解小程序设置缓存并且不覆盖原有数据
Apr 15 Javascript
微信小程序自定义弹出层效果
May 26 Javascript
element-ui中dialog弹窗关闭按钮失效的解决
Sep 22 Javascript
Vue3不支持Filters过滤器的问题
Sep 24 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
加速XP搜索功能堪比vista
2007/03/22 PHP
微信营销平台系统?刮刮乐的开发
2014/06/10 PHP
跨浏览器开发经验总结(四) 怎么写入剪贴板
2010/05/13 Javascript
jquery键盘事件使用介绍
2011/11/01 Javascript
js前台判断开始时间是否小于结束时间
2012/02/23 Javascript
框架页面高度自动刷新的Javascript脚本
2013/11/01 Javascript
使用jquery操作session方法分享
2015/01/22 Javascript
vue.js学习之递归组件
2016/12/13 Javascript
浅谈键盘上回车按钮的js触发事件
2017/02/13 Javascript
jquery实现的table排序功能示例
2017/03/10 Javascript
原生js实现吸顶效果
2017/03/13 Javascript
Javascript别踩白块儿(钢琴块儿)小游戏实现代码
2017/07/20 Javascript
bootstrap table表格客户端分页实例
2017/08/07 Javascript
react native带索引的城市列表组件的实例代码
2017/08/08 Javascript
Vue下的国际化处理方法
2017/12/18 Javascript
nodejs中express入门和基础知识点学习
2018/09/13 NodeJs
Vue CLI3创建项目部署到Tomcat 使用ngrok映射到外网
2019/05/16 Javascript
layui button 按钮弹出提示窗口,确定才进行的方法
2019/09/06 Javascript
解决layer弹出层中表单不起作用的问题
2019/09/09 Javascript
[03:35]2018年度DOTA2最佳辅助位选手5号位-完美盛典
2018/12/17 DOTA
在Python3中使用asyncio库进行快速数据抓取的教程
2015/04/02 Python
Python实现的栈(Stack)
2018/01/26 Python
cmd运行python文件时对结果进行保存的方法
2018/05/16 Python
Python流程控制 if else实现解析
2019/09/02 Python
python抓取多种类型的页面方法实例
2019/11/20 Python
python 实现分组求和与分组累加求和代码
2020/05/18 Python
Python根据指定文件生成XML的方法
2020/06/29 Python
机关党员2014全国两会学习心得体会
2014/03/10 职场文书
小学作文评语大全
2014/04/21 职场文书
篮球社团活动总结
2014/06/27 职场文书
2014幼儿园小班工作总结
2014/11/10 职场文书
2016年教师节感恩寄语
2015/12/04 职场文书
《藏戏》教学反思
2016/02/23 职场文书
Python Parser的用法
2021/05/12 Python
Django操作cookie的实现
2021/05/26 Python
《总之就是很可爱》新作短篇动画《总之就是很可爱~制服~》将于2022年夏天播出
2022/04/07 日漫