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

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

大家好,又见面了,我是全栈君,今天给大家准备了Idea注册码。

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


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

版权声明:本文博客原创文章。博客,未经同意,不得转载。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/117570.html原文链接:https://javaforall.net

(0)
上一篇 2022年1月3日 下午6:00
下一篇 2022年1月3日 下午7:00


相关推荐

  • JAVA常用的工具类

    JAVA常用的工具类目录 1org apache commons io IOUtils2org apache commons io FileUtils3or apache commons lang StringUtils4 apache http util EntityUtils5 apache commons lang3 StringUtils6 apache

    2026年3月17日
    3
  • JdbcTemplate使用总结建议收藏

    SpringJdbcTemplate在数据库的操作中,每个业务方法都要得到连接,开启事务,提交事务,回滚,关闭连接等,我们可以把这些做成一个模版,这样,在业务代码中只需要关注业务逻辑即可。MyJdb

    2021年12月20日
    45
  • Python 时间戳转换为字符串&字符串转换为时间戳

    Python 时间戳转换为字符串&字符串转换为时间戳if name main 时间戳 importtimese time time 时间戳转换为字符串 print time strftime Y m d H M S time localtime seconds 字符串转换为时间戳 print time mktime time strptime 2018 08 07 Y m d

    2026年3月19日
    3
  • 【mykit-data】 数据库同步工具

    【mykit-data】 数据库同步工具mykit data 数据库同步工具

    2026年3月18日
    1
  • new和malloc的作用是一样的_商城面试题

    new和malloc的作用是一样的_商城面试题new和malloc的区别是C/C++一道经典的面试题,我也遇到过几次,回答的都不是很好,今天特意整理了一下。0.      属性new/delete是C++关键字,需要编译器支持。malloc/free是库函数,需要头文件支持。1.      参数使用new操作符申请内存分配时无须指定内存块的大小,编译器会根据类型信息自行计算。而malloc则需要显式地指出所需内存的尺寸。

    2022年4月20日
    41
  • 图片服务器解决方案

    图片服务器解决方案最近经常有人问图片上传怎么做 有哪些方案做比较好 也看到过有关于上传图片的做法 但是都不是最好的今天再这里简单讲一下上传图片以及图片服务器的大致理念如果是个人项目或者企业小项目 仅仅只有十来号人使用的小项目 可以使用如下方案 用户访问系统 使用上传图片功能 那么图片就上传到你的当前项目所在的 tomcat 服务器上 在 image 下 上传成功后用户可以直接访问 http ip por

    2026年3月19日
    3

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号