jquery bind on 区别

最新推荐文章于 2024-06-18 16:07:09 发布
原创 最新推荐文章于 2024-06-18 16:07:09 发布 · 619 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文探讨了jQuery中on和bind方法的区别。on方法允许设置selector，有效防止事件冒泡，而bind方法则不具备此功能。on方法在绑定事件时提供更灵活的选择器选项。

on 和 bind 用法

bind(type,click,fn)

on(type,[selector],click,fn)

用 on绑定事件可以设置 selector可以阻止时间冒泡

bind则不可行

 

 

jQuery中 bind的用法简单介绍
12-01
bind介绍 bind() 方法为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数。 语法 $(selector).bind(event,data,function) event 必须。添加到元素的一个或多个事件如：click,mouseover,mouseup，change，select data 可不填。传递到函数的额外数据，如：$(selector).bind(“click”,”input”,function(){}); function(){} 必填。绑定事件触发的函数 bind绑定多个函数 $("button").bind({ // 注意它的格式是 json c
JQuery事件绑定函数：on()与bind()的差别
热门推荐
aty
02-09 1万+
JQuery从1.7+版本开始，提供了on()和off()，进行事件处理函数的绑定和取消。这2个API与JQuery最初提供的bind()和unbind()有很多相似的地方，也有一些不同之处。bind和unbind的详细介绍，可以参考这篇文章。   on()和bind()的函数签名如下： bind(type, [data], fn) on(type,[selector],[data],fn
jQuery中bind和on
weixin_66030561的博客
06-18 458
【代码】jQuery中bind和on。
jquery中bind与on的区别
weixin_42619706的博客
07-18 407
bind方法与on方法都是事件绑定，但是两者却又有着一个大区别：事件委托 on方法多了一个selector方法，也就是子类选择器 事件委托就是子类的事情委托给父类的去做，而这就让我们想起了冒泡事件，是的，这的确是委托事件的原型，而我们的selector，则是判断是不是那个子元素触发的事件，如果不是，自然就忽略掉了 这是个最简单的委托事件，按钮将事件委托给了父亲节点---div，所以点击btn...
JQuery的on和bind的区别
lanhezhong的博客
03-06 1700
在js中为某个元素绑定事件时，我们常用到on函数和bind函数，两个函数有什么区别，什么时候用哪个函数，今天脑残小编简单介绍一下，不喜勿喷； 长话短说进入正题. 先看两个方法的写法 $("body").on("click", ".button", function(){ //do something }) $("body .button").bind("click", function(){...
jQurey 中$.on和$.bind的差别
yugongjie1991的博客
08-29 1403
jquery的bind跟on绑定事件的区别 jquery的bind和on绑定事件的区别 bind和on的绑定事件的区别： jquery文档中bind和on函数绑定事件的用法： .bind(events [,eventData], handler) .on(events [,selector]  [,data], handler)   从文档中可以看出，.on方法比.bind方法多
jquery on()和bind()区别
维之舟的博客
09-19 1137
on()方法就是1.7以后出现的,查看源码可发现bind()与delegate()底层都是用on()方法实现; 函数签名: bind(type, [data], fn) ,on(type,[selector],[data],fn) . 举个栗子:<html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script src="
jQuery bind和on的区别
一颗帅白菜的博客
04-14 712
2.采用事件委托机制, 不是直接为p元素绑定事件，而是为其父元素（或祖先元素也可）绑定事件，当在div内任意元素上点击时，事件会一层层从event target向上冒泡，直至到达你为其绑定事件的元素, 就会执行事件.如果事件目标在DOM树中很深的位置，这样一层层冒泡上来查找与选择器匹配的元素，又会影响到性能.1.bind有三个参数，分别是event，data，function，也就是事件，额外要添加的数据以及执行函数。, data，function 分别是事件，选择器，额外添加的数据和执行函数。
jquery on和bind的区别
jontyy的博客
12-23 3386
jquery on和bind的区别 Introduce 在jquery插件库下了很多别人写的轮播图源码，就那么傻乎乎的翻一翻，有些代码写的惨不忍睹，有些代码看着看着就让人忍不住拍案叫绝。 在查看源码的时候，发现了一些自己掌握的不熟的知识点，比如题目的on和bind Others 先随便说一说，这里的bind 和javascript的绑定this指针的bind不一样， 后期有时间我会好好整理b...
jQuery中bind和on的区别
最新发布
qq_66400200的博客
06-18 254
方法来为元素绑定事件处理程序，以获得更好的功能和性能。方法都用于为元素绑定事件处理程序。方法的升级版本，具有更强大的功能和更好的性能。
[ jQuery] jquery的click(),bind(),on()区别~
w553093346的专栏
08-04 2644
这里只是突然发现jquery 1.7 之后的事件绑定推荐了一些变化。jquery推荐使用on方法来绑定事件。 相信以前都是用的click,bind,unbind方法吧。 如果你仔细看看jquery的源码的话，那么你会发现bind的方法也是用的on方法来实现的。 在一定程度上on方法比bind或者是click之类的方法，更高效。 下面只是一个demo，当然这里包含了jquer
jQuery学习之bind
weixin_34240657的博客
12-04 190
jQuery学习之bind 在jQuery里面，直接用bind函数和unbind函数为某个DOM或者HTML标签等绑定一个操作和移除一个事件就行了。 例如为一个button添加一个click。可以这样操作  XML/HTML代码 &lt;input type='button' id='myBtn'&gt;     这是一个button，现在我们要为他添加一个事件...
JQuery的on和bind
Jesse_cool的博客
07-26 552
html lang="zh"> head> title>Documenttitle> head> body> ul id="u1"> li>clickli> li>clickli> li>clickli> ul> ul id="u2"> li>clickli> li>clickli> li>clickli> ul>
jQuery中的on与bind绑定事件区别实例详解
森森
07-05 726
bind与on的区别就在于–事件冒泡，关于jquery中的on与bind绑定事件的区别通过本文给大家实例讲解 on(events,[selector],[data],fn) events:一个或多个用空格分隔的事件类型和可选的命名空间，如”click”或”keydown.myPlugin” 。selector:一个选择器字符串用于过滤器的触发事件的选择器元素的后代.data:当一个
Jquery中的bind(),on()绑定事件方式总结
奔跑的蜗牛
09-14 8021
一.bind() 使用方式：$(selector).bind(event,data,function) event：必需项；添加到元素的一个或多个事件，例如 click,dblclick等； 　　　　　　　单事件处理：例如 $(selector).bind("click",data,function); 　　　　　　　多事件处理：1.利用空格分隔多事件，例如 $(select
JQuery bind
The Void
03-22 649
先看手册，由于bind方法有三个参数(type,[data],fn)，所以手册上这么介绍:  .bind() 方法是用于往文档上附加行为的主要方式。所有JavaScript事件对象， 比如focus, mouseover, 和 resize，都是可以作为type参数传递进来的。  任何作为type参数的字符串都是合法的；如果一个字符串不是原生的JavaScript事件名， 那么这个事件处理
jQuery bind方法详解与应用
然而，`bind`并不总是首选的方法，因为jQuery提供了更简洁的事件绑定方式，如`.on()`，它不仅可以绑定事件，还可以处理动态添加的元素的事件委托。尽管如此，`bind`在某些旧代码或特定场景下仍会被使用。 解除事件...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值