event.data详解+练习

最新推荐文章于 2024-09-30 07:00:00 发布

count2014

最新推荐文章于 2024-09-30 07:00:00 发布

阅读量2.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： jQuery 文章标签： jQuery

本文链接：https://blog.youkuaiyun.com/weixin_36997847/article/details/79594498

jQuery 专栏收录该内容

7 篇文章

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
	</head>
	<body>
		<button> 0 </button>
		<button> 1 </button>
		<button> 2 </button>
		<button> 3 </button>
		<button> 4 </button>
		 
		<div id="log"></div>
		
		
		<script type="text/javascript">
			/**
			 * event.data
			 * 描述:当当前正在执行的处理程序绑定时，一个可选的数据对象传递给
			 * 一个事件方法
			 * */
			var logDiv = $("div#log");
			
			for(var i=0; i<5 ; i++){
				$("button").eq(i).on("click",{value:i+"kk"},function(event){
					var arr = [
						"button = " + $(this).index(),
						"event.data.value = " + event.data.value,
						"i = " + i
					];
					logDiv.append(arr.join(", ") + "<br />");
				});
			}
			
		</script>
	</body>
</html>

输出结果：