当前位置:首页 > 开发 > 编程语言 > 编程 > 正文

第10章 高级事件(下)

发表于: 2015-07-08   作者:onestopweb   来源:转载   浏览:
摘要: index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/

index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>事件对象</title>
<script type="text/javascript" src="jquery-1.10.1.js"></script>
<script type="text/javascript" src="jquery-migrate-1.2.1.js"></script>
<script type="text/javascript" src="demo.js"></script>
<link type="text/css" rel="stylesheet" href="style.css" />
</head>
<body>
<!--
<div style="width:200px; height:200px; background:green;" id="box">
	<input type="button" class="button" value="按钮" />
    <input type="button" class="button" value="按钮" />
    <input type="button" class="button" value="按钮" />
</div>

<form action="123.html">
<div style="width:200px; height:200px; background:green;" id="box">
	<input type="submit" class="button" value="按钮" />
</div>
</form>
-->

<div style="width:200px; height:200px; background:green;" id="box">
    <input type="button" class="button" value="按钮" />
</div>

</body>
</html>

 

demo.js

$(function(){
	//普通绑定 .bind
	//普通解绑 .unbind
	
	//事件委托 .live .dategate
	//解除委托 .die .undelegate
	
	//新方法绑定 .on
	//新方法解绑 .off
	
	/*
	$('.button').on('click',function(){
		alert('替代bind');
	});
	
	$('.button').on('click',{user:'Lee'},function(e){
		alert('替代bind,'+e.data.user);
	});
	
	$('.button').on('mouseover mouseout',function(e){
		alert('移入移出');
	});
	
	$('.button').on({
		mouseover:function(){
			alert('移入');
		},
		mouseout:function(){
			alert('移出');
		}
	});
	
	$('form').on('submit',function(){
		return false;
	});
	
	$('form').on('submit',false);
	
	$('.button').on('click',function(){
		alert('替代bind');
	});
	
	$('.button').off('click');
	
	//替代.live .delegate
	$('#box').on('click','.button',function(){
		$(this).clone().appendTo('#box');
	});
	
	//移出事件委托
	$('#box').off('click','.button');
	
	//仅一次事件触发
	$('.button').one('click',function(){
		alert('仅一次事件触发!')
	});
	*/
	$('#box').one('click','.button',function(){
		$(this).clone().appendTo('#box');
	});
	
	
});






 

第10章 高级事件(下)

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
学习要点: 1.模拟操作 2.命名空间 3.事件委托 4.on、off 和 one jQuery 不但封装了大量常用的事件
第10章 多环境下构建项目 本章根据实际情况,介绍多种部署环境下构建项目的配置。 在大多数公司,都
1.引言 信号是软件中断。 信号提供了一种处理异步事件的方法。 2. 信号概念 信号的名字都是以3个字
1,网络中什么时候使用直通电缆? A 通过控制台端口连接路由器 B 连接两台交换机 C 连接主机与交换
<!doctype html> <html> <head> <meta charset="utf-8"> <title><
系统里的任何操作、任何的模块的访问、任何服务的调用,用户的登录情况等等都会被记录起来,方便日
均衡器 均衡器程序是一个hadoop守护进程,它将块从忙碌的datanode移到相对空闲的datanode,从而重新
第十章 这一章的内容包括: 商业分析(Business analysts) 数据架构(Data architects) 企业架构
系统里的任何操作、任何的模块的访问、任何服务的调用,用户的登录情况等等都会被记录起来,方便日
系统里的任何操作、任何的模块的访问、任何服务的调用,用户的登录情况等等都会被记录起来,方便日
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号