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 相关文章推荐
利用JS自动打开页面上链接的实现代码
Sep 25 Javascript
jquery中ready()函数执行的时机和window的load事件比较
Jun 22 Javascript
Adapter适配器模式在JavaScript设计模式编程中的运用分析
May 18 Javascript
原生JS实现轮播效果+学前端的感受(防止走火入魔)
Aug 21 Javascript
关于Vue.js 2.0的Vuex 2.0 你需要更新的知识库
Nov 30 Javascript
Vue.js第四天学习笔记
Dec 02 Javascript
浅析JS中的 map, filter, some, every, forEach, for in, for of 用法总结
Mar 29 Javascript
详解vue中computed 和 watch的异同
Jun 30 Javascript
vue、react等单页面项目部署到服务器的方法及vue和react的区别
Sep 29 Javascript
原生javascript中this几种常见用法总结
Feb 24 Javascript
实现一个Vue自定义指令懒加载的方法示例
Jun 04 Javascript
代码解析React中setState同步和异步问题
Jun 03 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
yii框架表单模型使用及以数组形式提交表单数据示例
2014/04/30 PHP
php 使用html5实现多文件上传实例
2016/10/24 PHP
php出租房数据管理及搜索页面
2017/05/23 PHP
kindeditor 加入七牛云上传的实例讲解
2017/11/12 PHP
清除网页历史记录,屏蔽后退按钮!
2008/12/22 Javascript
showModalDialog在谷歌浏览器下会返回Null的解决方法
2013/11/27 Javascript
JavaScript简单实现鼠标移动切换图片的方法
2016/02/23 Javascript
jQuery判断元素是否显示 是否隐藏的简单实现代码
2016/05/19 Javascript
用瀑布流的方式在网页上插入图片的简单实现方法
2016/09/23 Javascript
AngularJS入门教程之MVC架构实例分析
2016/11/01 Javascript
bootstrap模态框垂直居中效果
2016/12/03 Javascript
Webpack devServer中的 proxy 实现跨域的解决
2018/06/15 Javascript
微信小程序自定义底部弹出框
2020/11/16 Javascript
layer.open 子页面弹出层向父页面传输数据的例子
2019/09/26 Javascript
浅谈vue权限管理实现及流程
2020/04/23 Javascript
Vue移动端项目实现使用手机预览调试操作
2020/07/18 Javascript
Python中利用Scipy包的SIFT方法进行图片识别的实例教程
2016/06/03 Python
Python卸载模块的方法汇总
2016/06/07 Python
python如何拆分含有多种分隔符的字符串
2018/03/20 Python
Pytorch加载部分预训练模型的参数实例
2019/08/18 Python
Python Django 封装分页成通用的模块详解
2019/08/21 Python
CSS3 渐变(Gradients)之CSS3 径向渐变
2016/07/08 HTML / CSS
HTML5 标准将把互联网视频扔回到黑暗时代
2010/02/10 HTML / CSS
HTML+CSS+JavaScript实现图片3D展览的示例代码
2020/10/12 HTML / CSS
亚马逊西班牙购物网站:amazon西班牙
2017/03/06 全球购物
本科生详细的自我评价
2013/09/19 职场文书
中专三年学习的个人自我评价
2013/12/12 职场文书
捐赠仪式主持词
2014/03/19 职场文书
综治维稳工作承诺书
2014/08/30 职场文书
中小学生学籍证明
2014/10/25 职场文书
2014年技术工作总结范文
2014/11/20 职场文书
人才市场接收函
2015/01/30 职场文书
酒店前台岗位职责
2015/04/16 职场文书
2015迎新晚会开场白
2015/07/17 职场文书
MySQL 覆盖索引的优点
2021/05/19 MySQL
python中pandas对多列进行分组统计的实现
2021/06/18 Python