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


相关推荐

  • MessageDigest用法[通俗易懂]

    MessageDigest用法[通俗易懂]为什么要使用MessageDigest?某些金融行业用于进行简单的密码加密。例如:需求某银行对数据库账户取款密码加密。为了保护客户信息的安全,客户取款密码只能客户自己知道,银行方面对此加密,加密后数据保存的数据库。此时可以用MessageDigest进行加密,以及后续其他方案再次加密。MessageDigest是什么?java.security.MessageDigest类…

    2022年7月11日
    18
  • vue页面刷新_vue强制重置组件

    vue页面刷新_vue强制重置组件vue页面刷新首先我们都知道vue属于单页面应用,默认境况下是不会触发刷新页面操作的,所以这个时候就需要我们通过事件来触发reload()来达到刷新操作接下来我就为大家介绍三种刷新页面的方法1.wiindow.location.reload([bForceGet])该方法强迫浏览器刷新当前页面bForceGet可选参数,默认为false,从客户端缓存里取当前true,则以get方式,从服务器端获取最新的页面,相当于页面f5刷新wiindow.location.replace(URL)

    2022年10月16日
    4
  • 三极管电平转换电路

    三极管电平转换电路电阻 R1 作用是在三极管导通后 Vbe 电压钳位在 0 7V R1 上分担剩余电压 电阻 R2 作用是提高高电平导通门限阈值 不加 R2 0 7V 即可导通 抗干扰能力差 加了 R2 导通电压到 1 7V 电阻 R3 作用是三极管导通后限制 Ice 电流 防止 Ice 电流过大烧坏三极管 输入为高电平时 三极管导通 输出为 Vce 0 1V 左右 输入为低电平时 三极管截止 输出被上拉到 5V 该电

    2026年3月26日
    2
  • html怎么让背景图片自适应屏幕大小_css背景图片拉伸填充

    html怎么让背景图片自适应屏幕大小_css背景图片拉伸填充html如何让背景图片充满全图,就是拉伸html语言背景图片拉伸代码:background-size:cover,可以使图片拉伸铺满背景。拓展资料背景(background)属性定义元素的背景效果元素的背景区包括前景之下直到边框边界的所有空间。因此,内容框与内边距都是元素背景的一部分。取值:repeat、no-repeat、repeat-x、repeat-y。repeat:默…

    2022年10月5日
    3
  • 极光推送Cordova插件适配Capacitor

    极光推送Cordova插件适配Capacitor极光推送官方提供的 Cordova 插件目前无法适配 Capacitor 电容器平台进行开发 之前问了官方什么时候会考虑适配 官方的回答是暂不做开发安排 需要调研 这对于想使用 Capacitor 进行开发的同学来说不太友好 Google 了一番 发现有一个 GitHub 已经对此做了适配 于是 Fork 了一份整理了下 附上使用文档 原 GitHub 传送门 https github com netsesame2 cordova plugin jpushCapacit 使用 npm 安装 npmicordova p

    2026年3月18日
    2
  • SystemVerilog for循环中的fork join_none「建议收藏」

    SystemVerilog for循环中的fork join_none「建议收藏」moduletest;initialbeginmain();endtaskmain();//forkjoin_anyblock1fork#5$display(“THREAD1%0t”,$time);#25$display(“THREAD2%0t”,$ti…

    2025年12月3日
    4

发表回复

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

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