博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery中.bind() .live() .delegate() .on()的区别
阅读量:5829 次
发布时间:2019-06-18

本文共 642 字,大约阅读时间需要 2 分钟。

bind(type,[data],fn) 为每个匹配元素的特定事件绑定事件处理函数

$("a").bind("click",function(){alert("ok");});

live(type,[data],fn) 给所有匹配的元素附加一个事件处理函数,即使这个元素是以后再添加进来的

$("a").live("click",function(){alert("ok");});

delegate(selector,[type],[data],fn) 指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数

$("#container").delegate("a","click",function(){alert("ok");})

on(events,[selector],[data],fn) 在选择元素上绑定一个或多个事件的事件处理函数,同时也支持后加进来的元素

差别:

.bind()是直接绑定在元素上

.live()则是通过冒泡的方式来绑定到元素上的。更适合列表类型的,绑定到document DOM节点上。和.bind()的优势是支持动态数据。

.delegate()则是更精确的小范围使用事件代理,性能优于.live()

.on()则是最新的1.9版本整合了之前的三种方式的新事件绑定机制

转载于:https://www.cnblogs.com/onflying/archive/2013/05/24/3096882.html

你可能感兴趣的文章
Oracle/PLSQL WHERE CURRENT OF Statement
查看>>
Cucumber capybara 每个Scenario登陆一次
查看>>
jQuery-animate万能动画效果
查看>>
11. Java常用类
查看>>
Android应用程序窗口(Activity)的绘图表面(Surface)的创建过程分析
查看>>
数据库返回Hibernate中的get和load有何不同?
查看>>
方法contextOpenNI: 深度图显示方法
查看>>
sdut 2168 Mathmen 优先队列处理区间问题
查看>>
iis 6.0上部署.net 2.0和4.0网站
查看>>
hdu 3665(最短路)
查看>>
HTML <iframe> 标签
查看>>
JSON(Ajax)和JsonP
查看>>
漫谈中国软件(中)
查看>>
九度OJ 1502 最大值最小化(JAVA)
查看>>
算法代码[置顶] 机器学习实战之KNN算法详解
查看>>
leetcode -- Longest Common Prefix
查看>>
郝娜 - 百度百科
查看>>
SmartProg2 Universal, ISP capable programmer
查看>>
jquery常用方法
查看>>
把长方形的图片截取成正方形
查看>>