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 相关文章推荐
jQuery列表拖动排列具体实现
Nov 04 Javascript
javascript的日期对象、数组对象、二维数组使用说明
Dec 22 Javascript
jquery实现点击label的同时触发文本框点击事件的方法
Jun 05 Javascript
javascript拖拽效果延伸学习
Apr 04 Javascript
JavaScript实现显示函数调用堆栈的方法
Apr 21 Javascript
Bootstrap打造一个左侧折叠菜单的系统模板(二)
May 17 Javascript
Angularjs中使用轮播图指令swiper
May 30 Javascript
vue导出html、word和pdf的实现代码
Jul 31 Javascript
Node.js使用MongoDB的ObjectId作为查询条件的方法
Sep 10 Javascript
javascript实现页面的实时时钟显示示例
Aug 06 Javascript
利用vue3+ts实现管理后台(增删改查)
Oct 30 Javascript
Vue自定义铃声提示音组件的实现
Jan 22 Vue.js
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新手谈谈我的学习心得
2007/02/25 PHP
Look And Say 序列php实现代码
2011/05/22 PHP
PHP5中GD库生成图形验证码(有汉字)
2013/07/28 PHP
PHP中对于浮点型的数据需要用不同的方法解决
2014/03/11 PHP
PHP 常用时间函数资料整理
2016/10/22 PHP
Prototype ObjectRange对象学习
2009/07/19 Javascript
javascript json 新手入门文档
2009/12/03 Javascript
javascript 系统文件夹文件操作及参数介绍
2013/01/08 Javascript
使用js正则控制input标签只允许输入的值
2013/07/29 Javascript
原生js实现改变随意改变div属性style的名称和值的结果
2013/09/26 Javascript
页面内容排序插件jSort使用方法
2015/10/10 Javascript
ECMAScript6轮播图实践知识总结
2016/08/17 Javascript
JavaScript仿网易选项卡制作代码
2016/10/06 Javascript
jquery实现input框获取焦点的方法
2017/02/06 Javascript
jQuery倒计时代码(超简单)
2017/02/27 Javascript
原生javascript上传图片带进度条【实例分享】
2017/04/06 Javascript
vue2 中如何实现动态表单增删改查实例
2017/06/09 Javascript
vue.js实现会动的简历(包含底部导航功能,编辑功能)
2019/04/08 Javascript
vue + typescript + video.js实现 流媒体播放 视频监控功能
2019/07/07 Javascript
vue实现移动端省市区选择
2019/09/27 Javascript
vue+elementUI 实现内容区域高度自适应的示例
2020/09/26 Javascript
[03:55]2014DOTA2国际邀请赛 Fnatic经理采访赢DK在情理之中
2014/07/10 DOTA
零基础写python爬虫之抓取糗事百科代码分享
2014/11/06 Python
django 解决manage.py migrate无效的问题
2018/05/27 Python
python修改FTP服务器上的文件名
2019/09/11 Python
使用NumPy读取MNIST数据的实现代码示例
2019/11/20 Python
Python单链表原理与实现方法详解
2020/02/22 Python
解决python执行较大excel文件openpyxl慢问题
2020/05/15 Python
python获取整个网页源码的方法
2020/08/03 Python
Prometheus开发中间件Exporter过程详解
2020/11/30 Python
python tqdm库的使用
2020/11/30 Python
Chi Chi London官网:购买连衣裙和礼服
2020/10/25 全球购物
警察先进个人事迹材料
2014/05/16 职场文书
工程部岗位职责
2015/02/10 职场文书
建国大业电影观后感
2015/06/01 职场文书
详细介绍MySQL中limit和offset的用法
2022/05/06 MySQL