码迷,mamicode.com
首页 > Web开发 > 详细

jQuery -> bind / live / delegate 的终结者 - on

时间:2014-05-18 08:56:21      阅读:434      评论:0      收藏:0      [点我收藏+]

标签:jquery   on   live   bind   delegate   

最近在学习jQuery,使用得是最新版本的1.11.1。照着书本敲了如下代码,却发现无论如何也跑不起来。

html
<div class="container">
	<div class="box">hello world</div>
</div>
js
$(document).ready(function() {
	$(‘.box‘).live(‘click‘, function() {
		$(this).clone().appendTo(‘.container‘);
	});
});


原来live已经废弃掉了,取而代之的是on,jQuery并打算用on来取代bind,live,delegate

参考API文档,on的用法如下

.on( events [, selector ] [, data ], handler(eventObject) )

为元素绑定事件

$( "#dataTable tbody tr" ).on( "click", function() {
  alert( $( this ).text() );
});

等价于

$( "#dataTable tbody" ).on( "click", "tr", function() {
  alert( $( this ).text() );
});

为事件处理函数传递数据

function greet( event ) {
  alert( "Hello " + event.data.name );
}
$( "button" ).on( "click", {
  name: "Karl"
}, greet );
$( "button" ).on( "click", {
  name: "Addy"
}, greet );

详细用法可参考官方例子

jQuery -> bind / live / delegate 的终结者 - on,布布扣,bubuko.com

jQuery -> bind / live / delegate 的终结者 - on

标签:jquery   on   live   bind   delegate   

原文地址:http://blog.csdn.net/feelang/article/details/26089261

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!