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 );


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

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

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • c/c++成长之捷径 C/C++学习资料大全

    c/c++成长之捷径 C/C++学习资料大全socket协议三次握手与结束连接客户端代码:#include#include#include//forbzero#include//forsocketaddr_in#include#include#include#definePORT5050//端口号#defineMAXLEN_FOR_DATA

  • 超火的Vhr(SpringBoot +Vue)实战项目+文档

    超火的Vhr(SpringBoot +Vue)实战项目+文档项目摘要vhr是一个基于SpringBoot+Vue技术栈开发的前后端分离项目,项目使用SpringBoot2.1.8来开发,集成了当前企业级开发中众多的热门技术点,如消息中间件、Redis缓存、SpringBoot+Vue+ElementUI技术栈等等。技术选型核心框架:SpringBoot2.1.8 安全管理:SpringSecurity 持久层框架:MyBatis 缓存:Redis 数据库:MySQL8 消息队列:RabbitMQ 即时通信:WebSocket

    2022年10月28日
  • RabbitMQ 原理图和名词理解(二)[通俗易懂]

    RabbitMQ 原理图和名词理解(二)[通俗易懂]一、RabbitMQ简介RabbitMQ是基于AMQP实现的一个开源消息组件,主要用于在分布式系统中存储转发消息,由因高性能、高可用以及高扩展而出名的Erlang写成。其中,AMQP(AdvancedMessageQueuingProtocol,即高级消息队列协议),是一个异步消息传递所使用的应用层协议规范,为面向消息的中间件设计。RabbiMQ是EDA事件驱动架构的核心,也是CQR…

  • react-router@4.0 使用方法和源码分析

    react-router@4.0 使用方法和源码分析

  • jenkins拉取gitlab代码_python 获取jenkins的构建信息

    jenkins拉取gitlab代码_python 获取jenkins的构建信息前言python自动化的脚本开发完成后需提交到git代码仓库,接下来就是用Jenkins拉取代码去构建自动化代码了新建项目打开Jenkins新建一个自由风格的项目源码管理Repository

  • iso815中文版_国际标准日期时间格式

    iso815中文版_国际标准日期时间格式严格的来说,这个标题可能不太正确,因为我首先度娘了一下,ISO8601时间格式标准应该类似于:2016-01-18T23:41:00-08:00,而UTC时间格式差不多类似在做一个项目用到一个国外的API,返回的一个时间格式是:2016-01-18T23:41:00我有几个问题想问一下:1.因为没有搜索到具体资料,返回的这个2016-01-18T23:41:00是UTC时间和是ISO-8601时…

发表回复

您的电子邮箱地址不会被公开。

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