JQuery绑定事件bind（）方法和on（）方法的优缺点

最新推荐文章于 2023-07-07 16:55:54 发布
最新推荐文章于 2023-07-07 16:55:54 发布
阅读量989 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/honghaiash/article/details/99984549
版权

 

jQuery绑定事件的方法有四种：bing（）、live（）、delegate（）、on（），其中live（），已经被淘汰了，其存在很多的问题，不适合使用，而delegate能够在绑定事件后，依然可以添加动态元素事件。on（）可以说是前三种方法的结合体。

1.bind（）方法： 
bind()函数用于为每个匹配元素的一个或多个事件绑定事件处理函数。 
2、bind（event，data，function） 
参数 描述： 
event事件是必需要写的。规定添加到元素的一个或多个事件。由空格分隔多个事件。而且必须是有效的事件。 
data数据 可选。规定传递到函数的额外数据。 
function 必需。规定当事件发生时运行的函数。 
3、demo：

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").bind("click",function(){
    $("div").sli
最低0.47元/天 解锁文章
初見驚鴻
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Jquery绑定事件(bind和live的区别介绍)
10-26
总的来说，bind和live各有优缺点。bind适合于已知元素并需要精细控制事件处理的情况，而live则适用于需要处理动态生成元素的场景。在jQuery 1.7之后，live方法已被deprecated，推荐使用delegate或on方法，它们提供了...
bind()和on()的区别
mjj530069829的博客
08-16 902
转载一篇两者的区别，共享 1：bind()：为每个匹配元素的特定事件绑定事件处理函数。　　bind(type,[data],fn)　　type: 含有一个或多个事件类型的字符串，由空格分隔多个事件。　　比如"click"或"submit"，还可以是自定义事件名。　　data:作为event.data属性值传递给事件对象的额外数据对象　　fn:绑定到每个匹配元素的事件上面的处理函数　　2：on
浅谈Jquery中的bind(),live(),delegate(),on()绑定事件方式 [转载]
weixin_34380948的博客
05-08 119
前言 　　因为项目中经常会有利用jquery操作dom元素的增删操作，所以会涉及到dom元素的绑定事件方式，简单的归纳一下bind,live,delegate,on的区别，以便以后查阅，也希望该文章日后能帮助到园友，文中如有不当之处，还望各位指正，话不多说，直接进入正题。 bind() 简要描述 　　bind()向匹配元素添加一个或多个事件处理器。 使用方式 　　$(selector)...
前端学习（146）：伪类选择器checked和disable和focus
歌谣的博客
12-18 616
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
jQuery bind和on的区别
一颗帅白菜的博客
04-14 438
2.采用事件委托机制, 不是直接为p元素绑定事件，而是为其父元素（或祖先元素也可）绑定事件，当在div内任意元素上点击时，事件会一层层从event target向上冒泡，直至到达你为其绑定事件的元素, 就会执行事件.如果事件目标在DOM树中很深的位置，这样一层层冒泡上来查找与选择器匹配的元素，又会影响到性能.1.bind有三个参数，分别是event，data，function，也就是事件，额外要添加的数据以及执行函数。, data，function 分别是事件，选择器，额外添加的数据和执行函数。
jQuery事件绑定方法学习总结(推荐)
10-21
总结起来，jQuery的事件绑定方法各有特点，`bind()`适用于静态元素的简单绑定，`delegate()`和`live()`则为动态元素提供解决方案，而`on()`则是目前最全面且推荐的事件绑定方法。在实际开发中，应根据项目需求和性能...
jquery 给动态生成的标签绑定事件的几种方法总结
10-18
在jQuery中，为动态生成的元素绑定事件是一个常见的...每种方法都有其适用场景和优缺点。在实际开发中，根据项目需求和性能考虑选择合适的方法。通常，使用`.on()`方法结合静态父元素进行事件委托是最推荐的解决方案。
jQuery事件绑定和委托实例
10-25
本文将深入探讨jQuery中的四种主要事件处理方法：on()、bind()、live() 和 delegate()，以及它们的应用场景和优缺点。 1. on() `on()` 是jQuery中最通用的事件绑定方法，它取代了早期版本中的`bind()`、`live()`和`...
jquery中绑定事件的异同
12-03
本文将探讨四种主要的事件绑定方法：`bind()`、`live()`、`delegate()`以及`on()`，分析它们的异同及优缺点。 首先，`bind()`函数是jQuery早期版本中常用的事件绑定方法。它的基本语法是`$(selector).bind(event, ...
JQuery中Bind()事件用法分析
01-19
本文实例分析了JQuery中Bind()事件用法。分享给大家供大家参考。具体分析如下： 我们先看一下它的定义： .bind( eventType [, eventData], handler(eventObject)) .Bind()方法的主要功能是在向它绑定的对象上面提供一些事件方法的行为。期中它的三个参数的意义分别如下： eventType是一个字符串类型的事件类型，就是你所需要绑定的事件。这类类型可以包括如下：blur, focus, focusin, focusout, load, resize, scroll, unload, click, dblclick, mousedown,
jQuery事件绑定
最新发布
m0_67388537的博客
07-07 2342
jQuery 事件对象常用属性也与之前学过的 DOM 事件对象几乎一致，多了一个。旧的 jQuery 事件绑定方法如。jQuery 允许给同一个 jQ 对象的同一个事件绑定多个不同的事件处理函数。jQuery 事件中的事件对象通过事件处理函数的形参获取，事件中的。指向绑定事件的 jQuery 对象代表的 DOM 对象，如果使用。等都可以使用第一种方式绑定事件，但也有特殊的如输入框的。方式添加的事件委托，委托事件处理函数中的。上的属性，与原生事件中的事件对象一致。jQuery 事件中的。
03-jQuery-事件绑定【click() 、on()】、事件切换toggle()、事件方法、样式控制
记录java学习日常~
05-20 7739
on() 方法是 jQuery 中最常用且最通用的事件绑定方法，可以绑定多个事件类型，并为每个事件类型指定一个或多个处理程序。click() 方法是一种简洁的事件绑定方法，只能绑定 click 事件，并且只允许绑定一个处理程序，无法为同一个元素绑定多个处理程序。off() 方法用于移除之前绑定的事件处理程序，它需要传递一个或多个事件类型参数，并为这些事件类型制定要移除的处理程序。jQuery 事件绑定中，on() 方法用于为元素添加事件处理程序，off() 方法则用于移除绑定的事件处理程序。
【bind和on的区别】
weixin_52452081的博客
04-14 193
on有四个参数，分别是event，selector, data，function 分别是事件，选择器，额外添加的数据和执行函数。bind有三个参数，分别是event，data，function，也就是事件，额外要添加的数据以及执行函数。on可以将子元素的事件委托给父元素进行处理,而且可以给动态添加的元素加上绑定事件。比如给盒子下p添加事件，on可以但是bind做不到。on和bind都可以实现，但是添加一个新的li。bind只能给符合条件的元素本身添加事件。on是jquery推荐使用的。
jquery on()方法和bind()方法的区别
月迷津渡丶的专栏
02-16 3175
bind是直接绑定在一个对象上。$('.btn').bind('click', function() { alert('User clicked'); }); 参数 描述 event 必需。规定添加到元素的一个或多个事件。 由空格分隔多个事件。必须是有效的事件。 data 可选。规定传递到函数的额外数据。
jquery中bind事件
weixin_30472035的博客
06-14 80
在jquery中bing事件是append而不是replace绑定一次执行一次。当bind多次点击事件时点击一次会把以前把的多次多次都会触发所有有unbind想只触发当前bind的事件在bind的之前unbind之前bind的事件。 事例： $("#moresmall").unbind('click'); $("#moresmall").unbind('click'); $("#...
jQuery---绑定事件
Philo的博客
01-23 7258
js—绑定事件 文章目录一、最常用方法二、bind函数三、on函数四、delegate函数 一、最常用方法 $(“元素选择器”).事件名称(匿名函数) 举例1： //这里的button为元素选择器，click为鼠标点击事件 $("button").click(function(){ //函数内容 }) 举例2： //这里的#btn1为id选择器即id名为btn1的元素，mouseenter为鼠标聚焦事件 $("#btn1").mouseenter(function(){
jQuery.bind()事件
yangl_2014的博客
06-12 373
jQuery.bind()事件详解
1+x 证书 Web 前端开发中级理论考试（试卷 8 ）含答案
热门推荐
Zeus
12-19 1万+
1+x 证书 Web 前端开发中级理论考试（试卷 8 ） 官方QQ群 转载请注明来源：妙笔生花个人博客http://blog.zh66.club/index.php/archives/438/ 一、单选题 1、在PHP的str_replace(1,2,3)函数中，1，2，3所代表的含义是（D） A:“取代字符串”，“被取代字符串”，“来源字符串” B:“来源字符串”，“被取代字符串”，“取代字...
jquery中bind方法是干嘛的
04-28
`bind()` 方法是 jQuery 中用于绑定一个或多个事件处理函数到一个元素上的方法。它可以绑定多个事件，同时可以指定多个事件处理函数。当绑定的事件被触发时，绑定的函数就会被调用。这个方法可以用于绑定用户交互...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值