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

最近的一项研究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 );

具体使用方法可參考官方样片