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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Spring AOP 最热门面试题及答案「建议收藏」

    Spring AOP 最热门面试题及答案「建议收藏」译者的话前几天去京东面试,被问到AOP相关的问题,之前一直没有系统地学习相关的知识,答得不是很好。趁着假期,找了一下相关的资料,CSDN上有很多不错的文章,看了之后对AOP有比较好的理解了。然后Google了一下AOP相关面试题(AOPinterview),搜出来的第一条结果是一个叫HowToDoInJava的网站上的一篇文章TopSpringAOPIntervie…

    2022年8月11日
    7
  • 光纤交换机划分zone图解

    光纤交换机划分zone图解 HP光纤存储交换机 用户:admin出厂密码:password出厂IP:10.77.77.77 用串口连上交换机,help查出可用的命令IpaddrShow 命令查看IP地址,然后用IE浏览器输入http://10.77.77.77登陆交换机。   划分ZONE点击左下角图标  输入用户admin密码password,进入

    2022年5月21日
    53
  • MySQL 数据库基础知识(系统化一篇入门)[通俗易懂]

    MySQL 数据库基础知识(系统化一篇入门)[通俗易懂]一、数据库简述1.1、数据库概述数据库:DB(DataBase)概念:数据仓库,软件,安装在操作系统之上作用:存储数据,管理数据1.2、数据库分类关系型数据库:SQL(StructuredQueryLanguage)MySQL、Oracle、SqlServer、DB2、SQLlite通过表和表之间,行和列之间的关系进行数据的存储通过外键关联来建立表与表之间的关系非关系型数据库:NoSQL(NotOnlySQL)Redis、…

    2022年6月26日
    28
  • 一个栈的输入序列为1 2 3 4 5 的出站顺序的理解

    一个栈的输入序列为1 2 3 4 5 的出站顺序的理解一个栈的输入序列为1 2 3 4 5 的出站顺序的理解

    2022年4月23日
    47
  • Git的下载安装 (图文教程)

    Git的下载安装 (图文教程)git的下载安装目录git的下载git的安装步骤git的下载如果你还没有下载Git,可直接到git官网进行下载。如图直接按下Downloads选项这是页面会跳转到相应的页面按下Windows或DownloadforWindows选项,页面会自动跳转下载页面,当然其它系统类型根据需要下载相应的版本即可。下载完成双击运行点击运行…

    2022年5月27日
    75
  • Idea 2021.8.5 永久激活码(JetBrains全家桶)

    (Idea 2021.8.5 永久激活码)最近有小伙伴私信我,问我这边有没有免费的intellijIdea的激活码,然后我将全栈君台教程分享给他了。激活成功之后他一直表示感谢,哈哈~https://javaforall.net/100143.htmlIntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,上面是详细链接哦~S32P…

    2022年3月25日
    178

发表回复

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

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