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 相关文章推荐
juqery 学习之五 文档处理 包裹、替换、删除、复制
Feb 11 Javascript
js判断IE浏览器版本过低示例代码
Nov 22 Javascript
javascript history对象(历史记录)使用方法(实现浏览器前进后退)
Jan 07 Javascript
Ajax提交与传统表单提交的区别说明
Feb 07 Javascript
使用AngularJS编写较为优美的JavaScript代码指南
Jun 19 Javascript
js实现网站最上边可关闭的浮动广告条代码
Sep 04 Javascript
微信小程序 教程之WXSS
Oct 18 Javascript
关于js的三种使用方式(行内js、内部js、外部js)的程序代码
May 05 Javascript
如何用webpack4.0撸单页/多页脚手架 (jquery, react, vue, typescript)
Jun 18 jQuery
使用 Element UI Table 的 slot-scope方法
Oct 10 Javascript
vue中的mescroll搜索运用及各种填坑处理
Oct 30 Javascript
vue @ ~ 相对路径 路径别名设置方式
Jun 05 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
一个图形显示IP的PHP程序代码
2007/10/19 PHP
php MYSQL 数据备份类
2009/06/19 PHP
PHP FOR MYSQL 代码生成助手(根据Mysql里的字段自动生成类文件的)
2011/07/23 PHP
Smarty中常用变量操作符汇总
2014/10/27 PHP
Codeigniter通过SimpleXML将xml转换成对象的方法
2015/03/19 PHP
php实现判断访问来路是否为搜索引擎机器人的方法
2015/04/15 PHP
Yii框架操作cookie与session的方法实例详解
2019/09/04 PHP
PHP获取真实IP及IP模拟方法解析
2020/11/24 PHP
广告显示判断
2006/08/31 Javascript
JQuery入门——事件切换之hover()方法应用介绍
2013/02/05 Javascript
jquery取子节点及当前节点属性值的方法
2014/09/09 Javascript
谷歌浏览器不支持showModalDialog模态对话框的解决方法
2014/09/22 Javascript
45个JavaScript编程注意事项、技巧大全
2015/02/11 Javascript
JavaScript导航脚本判断当前导航
2016/07/12 Javascript
Node.js 数据加密传输浅析
2016/11/16 Javascript
Angularjs使用过滤器完成排序功能
2017/09/20 Javascript
JavaScript实现简单的隐藏式侧边栏功能示例
2018/08/31 Javascript
javacript replace 正则取字符串中的值并替换【推荐】
2018/09/13 Javascript
Vue 中 filter 与 computed 的区别与用法解析
2019/11/21 Javascript
Vue常用的全选/反选的示例代码
2020/02/19 Javascript
[04:52]DOTA2亚洲邀请赛附加赛 TOP10精彩集锦
2015/01/29 DOTA
[45:52]完美世界DOTA2联赛PWL S3 Forest vs INK ICE 第二场 12.09
2020/12/12 DOTA
Python脚本简单实现打开默认浏览器登录人人和打开QQ的方法
2016/04/12 Python
Pandas聚合运算和分组运算的实现示例
2019/10/17 Python
CSS3实现简易版的刮刮乐效果
2016/09/27 HTML / CSS
CSS3实现淘宝留白的方法
2020/06/05 HTML / CSS
HTML5自定义mp3播放器源码
2020/01/06 HTML / CSS
韩国家庭购物网上商店:Nsmall
2017/05/07 全球购物
美国Randolph太阳镜官网:美国制造的飞行员太阳镜和射击眼镜
2018/06/15 全球购物
在C++ 程序中调用被C 编译器编译后的函数,为什么要加extern "C"
2014/08/09 面试题
学生周末回家住宿长期请假条
2014/02/15 职场文书
态度决定一切演讲稿
2014/05/20 职场文书
校庆团日活动总结
2014/08/28 职场文书
会议接待欢迎标语
2014/10/08 职场文书
Python机器学习之逻辑回归
2021/05/11 Python
【DOTA2】高能暴走TK秀!PSG LGD vs ASTER - DPC 2022 WINTER TOUR CN
2022/04/02 DOTA