jQuery -> bind / live / delegate 终结者 - on
2015-07-12 18:14
736 查看
最近的一项研究jQuery。利用获得的最新版本1.11.1。
据该书打下面的代码示例,,反正也发现跑不起来。
html
js
原来
參考API文档,on的使用方法例如以下
.on( events [, selector ] [, data ], handler(eventObject) )
等价于
具体使用方法可參考官方样片
据该书打下面的代码示例,,反正也发现跑不起来。
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 validation remote depends 验证触发条件
- Jquery_选择器
- Jquery-Ajax
- 如何构建ASP.NET MVC4&JQuery&AJax&JSon示例
- JQuery 选择器总结
- jquery.autocomplete.js 文本框自动填充 类似百度搜索引擎效果
- jquery 判断是否是android或者iOS系统
- jquery MP3播放器
- jquery灰色背景弹出框
- jquery表单验证API
- jquery ajax#使用笔记
- jQuery Mobile 移动开发中的日期插件Mobiscroll 2.3 使用说明
- jquery.fn.extend与jquery.extend--(初体验二)
- jQuery之常用且重要方法梳理(target,arguments,slice,substring,data,trigger,Attr)-(一)
- 使用JQuery对checkbox及radio与select下拉单选赋默认值
- jquery.callback.js jq 回调
- 页面通过jquery上的ajax请求到后台通过POI导出Excel的问题
- JQuery UI——自动完成组件
- JQuery UI——滑动条组件
- jQuery的deferred对象详解