live和on的区别

最新推荐文章于 2023-11-29 23:05:07 发布
原创 最新推荐文章于 2023-11-29 23:05:07 发布 · 2.9k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

今天遇到jquery live方法。我在想和on方法有什么不同呢？

live() 方法为被选元素附加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。

通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素（比如由脚本创建的新元素）。

我的理解是on一般用在不是动态生成的html控件上面，而live方法用在动态生成的按钮上面。

Jquery中.bind()、.live()、.delegate()和.on()之间的区别详解
10-19
在我们日常开发中经常会使用到.bind()、.live()、.delegate()和.on()，有些同学会对这四者存在一些疑虑，所以下面这篇文章主要给大家介绍了关于Jquery中.bind()、.live()、.delegate()和.on()之间区别的相关资料，...
jquery中live()方法和bind()方法区别分析
10-22
在 jQuery 1.7 之后，引入了 `on()` 和 `off()` 方法，这两个方法可以替代 `live()`、`bind()` 和 `delegate()` 方法，并且提供了更多的灵活性和强大的事件委托能力。例如，`$(document).on('click', '.selector', ...
转：jquery的live和on
dianai7709的博客
11-30 213
参考1，参考2 给元素绑定事件，本人用的jquery版本大多为1.7和1.8的，所以一直习惯于用live(),但是最近朋友突然问我，怎么给新生成的dom元素绑定事件，我随口回答live()，结果他给我说不行，他用的2.1.1的jquery版本。 我突然想起之前看过on()的用法，就是替代live()的，但是用的少，记不清了，今天再记一记，以后尽量用on()~ 代码示例： ...
jquery中的live和on方法
xuexiaodong2009的专栏
12-15 3642
jQuery 1.10之前的版本有一个.live()方法，这个方法和bind的重要区别就是.live()方法可以对以后再添加进来的有效 例如如下的HTML： Hello 使用bind方法： $(document).ready(function () { $('span').bind('click',function() { alert(
jquery中 live on bind delegate 的区别
weixin_41864883的博客
03-19 469
1、.bind()是直接绑定在元素上，也很好的解决了浏览器在事件处理中的兼容问题。如果不人为的设置stopPropagation(Moder Browser), cancelBubble(IE)，那么它的所有父元素，祖宗元素都会受之影响$('a').bind('click', function() { alert("That tickles!") });当我们在a 上面点击的时候，首先会触发它本身...
【jQuery学习总结】on（）、bind（）、live（）的区别
zhongmei121的专栏
07-03 438
语法：bind(event, [data], fn)live(event, [data], fn)on(event,[selector],[data],fn)区别：（1）on比bind和live多一个参数[selector]，on可以在父元素的选择下再设置子元素的原则，更加精确操作。（2）bind和live的区别是live可以适用于匹配选择器的当前及未来的元素（比如由脚本js动态创建的新元素），b...
jQuery,使用on代替delegate,live 写法区别
热门推荐
itchiang的专栏
03-20 1万+
早期对页面上后期加载的动态元素,赋事件或值的时候,是使用live的.  由于效率比较低(其实数据不多也感觉不出来),后面使用delegate委托来代替了,再后面,1.7以后使用on 来代替delegate了. live,delegate在新版本中都还可以用. 它们在写法上有差别,一段时间不写容易混,写下来备忘. 如点击div里的任意一个button时增加一个新button： 页面
jQuery的三种bind/One/Live/On事件绑定使用方法
10-20
然而，随着jQuery的发展，为了提供更高效和灵活的事件处理，出现了`one()`、`live()`以及后来的`on()`方法。 1. `bind()` `bind()`是jQuery中最早用于绑定事件的方法，它可以将一个或多个事件处理函数附加到指定...
jQuery绑定事件方法及区别(bind,click,on,live,one)
10-19
此外，`bind()`、`live()`和`delegate()`在某些早期版本的jQuery中不支持动态创建元素的事件绑定，而`on()`方法解决了这个问题。 了解了这些方法的使用和区别，可以帮助开发者在处理不同情况下的事件绑定时做出更...
jquery绑定事件 bind和on的用法与区别分析
11-20
而 `on` 是从 jQuery 1.7 版本开始引入的，用来替代 `bind`、`live` 和 `delegate` 等事件处理方法。`on` 更加灵活，支持更多的功能，如事件委托。`on` 的基本语法如下： ```javascript $(selector).on(event, ...
Windows Live Setup on Windows Server
09-21
可以在微软服务器系统下安装的Live Message.
js给动态生成元素绑定事件之事件委托方法on、live、delegate
culous的博客
12-10 666
js给动态生成元素绑定事件之事件委托方法on、live、delegate 什么是事件委托？ 事件委托就是利用冒泡的原理，把事件加到父元素或祖先元素上，触发执行效果。 事件委托的好处： 提高JavaScript性能。事件委托可以显著的提高事件的处理速度，减少内存的占用。 应用场景： js动态生成的dom元素，无法直接操作，需要使用事件委托绑定方法。 几种事件绑定方法on、live、delegate、...
jQuery的事件委托方法on、live、delegate之间有什么区别？
xuxu_qkz的博客
10-25 9325
jQuery的事件委托方法on、live、delegate之间有什么区别？ 首先什么是事件委派？ 事件委派（委托）： 事件委托就是利用冒泡的原理，把事件加到父元素或祖先元素上，触发执行效果。当页面同步加载时，会添加事件。有时数据是由异步加载，同步无法给不存在（刚开始）的元素添加事件。此时我们可以在一开始就存在的**父元素**上添加事件，再通过父元素在触发时找子元素。
jQuery中事件方法live()与on()
A_9888的博客
07-17 453
项目笔记: // 由于绑定的.xy是还没有添加进DOM的元素的 可以通过两个方法实现 ： //-方案一.通过on()事件委托方法，给没有DOM元素添加事件委托 就只能先找到父级，然后委托子元素进行事件传递 // demo=>(′.moviebox′).on(′click′,′.xy′,function())//在jQuery1.8版本及其以下的老版本提供了一个.live的方法。//事件委托//.live()方法能对一个还没有添加进DOM的元素有效，是由于使用了事件委托：绑定在祖先元素上的事件处理函数可
jQuery中 live()函数 VS on()函数
影梦的博客
09-26 734
在jQuery的低级版本当中，是支持live()的，用来绑定未来的（动态加载）元素 $(".editBtn").live("click",function () { alert("Zero"); }); 在jQuery的高级版本当中，是不支持live()的，但是可以通过on()函数来绑定未来的（动态加载）元素on()函数有三个参数。第一个：绑定事件名称；第二个：要绑定的对象（可以通过选...
Jquery中的bind(),live(),delegate(),on()绑定事件方式
omygodvv的博客
11-29 405
2.利用大括号灵活定义多事件，例如 $(selector).on({event1:function, event2:function, ...},childselector);多事件处理：1.利用空格分隔多事件，例如 $(selector).bind("click dbclick mouseout",data,function);2.bind()函数在jquery1.7版本以前比较受推崇，1.7版本出来之后，官方已经不推荐用bind()，替代函数为on(),这也是1.7版本新添加的函数，同样，可以。
live-server安装与使用
simpleshao的博客
12-21 8081
原文链接：https://www.jianshu.com/p/6661aaebf412 live-server是一个具有实时加载功能的小型服务器，可以使用它来破解html/css/javascript，但是不能用于部署最终站点。也就是说我们可以在项目中实时用live-server作为一个实时服务器实时查看开发的网页或项目效果。 使用live-server，首先需要安装它： npm in...
live-server 安装与使用
weixin_43377805的博客
08-11 1061
live -server 安装教程
live 2d 和3d 区别
最新发布
02-27
### Live 2D与3D的技术差异 #### 表现形式和技术原理 Live 2D是一种基于矢量图形和骨骼系统的二维动画技术，能够在保持较低资源消耗的同时提供接近三维的效果。相比之下，3D建模则依赖于多边形网格来构建物体表面，在计算机中创建虚拟的立体空间环境[^1]。 #### 资源需求对比 由于Live 2D采用的是平面图像加上特定算法处理后的变形效果，因此所需的硬件性能和支持相对较少；而完整的3D渲染过程涉及复杂的光照计算、材质贴图以及实时阴影投射等功能，往往需要更强力的GPU支持才能达到理想的表现质量[^2]。 #### 制作复杂度分析 对于艺术家来说，创作一个高质量的传统3D角色可能涉及到繁琐的过程——从初步的概念草稿绘制到最后精细打磨每一个细节，期间还要经历反复修改和完善各个部分的比例关系等问题。然而利用Live 2D工具集，则可以让创作者更加专注于艺术风格本身而不必过分担心物理法则上的约束，简化了很多工作流程并提高了效率。 #### 动态表现能力 尽管两者都能很好地呈现丰富的动作变化，但在某些方面各有千秋：例如当涉及到较为剧烈的身体扭曲或者视角切换较大的场景变换时，3D显然更具优势因为它本质上就是按照真实世界的空间逻辑建立起来的；而对于那些追求细腻的表情传达或是轻柔飘逸的动作演绎场合下，经过精心调校过的Live 2D同样能给人留下深刻印象，并且其独特的手绘质感更是增添了几分温馨感。 ```python # Python代码仅用于示意两种不同维度下的简单旋转操作区别 import numpy as np def rotate_around_z_axis_2d(point, angle): rotation_matrix = np.array([[np.cos(angle), -np.sin(angle)], [np.sin(angle), np.cos(angle)]]) return point @ rotation_matrix.T def rotate_around_arbitrary_axis_3d(point, axis, angle): from scipy.spatial.transform import Rotation as R r = R.from_rotvec(axis * angle) return r.apply(point) point_2d = np.array([1, 0]) # A simple 2D vector on XY plane angle_degrees = 90 # Rotate by 90 degrees counterclockwise rotated_point_2d = rotate_around_z_axis_2d(point_2d, np.radians(angle_degrees)) print(f"Rotating {point_2d} around Z-axis results in: {rotated_point_2d}") axis_of_rotation = np.array([0, 0, 1]) # Define the z-axis for comparison with 2D case point_3d = np.append(point_2d, [0]) # Convert to a 3D coordinate (still lies flat on X-Y plane initially) rotated_point_3d = rotate_around_arbitrary_axis_3d(point_3d, axis_of_rotation, np.radians(angle_degrees)) print(f"In 3-space rotating [{', '.join(map(str, point_3d))}] about same direction yields: [{', '.join(map(str, rotated_point_3d))}]") ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值