jQuery事件绑定函数：on()与bind()的差别

jQuery从1.7+版本开始，提供了on()和off()进行事件处理函数的绑定和取消。on()和bind()这两个方法有相同的地方也有不同的地方.

bind(type,[data],fn);on(type,[selector],[data],fn);

两者的区别就在于是否支持selector这个参数值。如果使用on的时候，不设置selector,那么on与bind就没有区别了。

e<div id="parent"><input type = "button" value="a" id=“a”><input type = "button" value="b" id=“b”>
</div>

　　上面的代码中，如果我们使用bind()在parent上绑定了click事件处理函数，当点击a或者b按钮的时候，都会执行事件处理函数。如果我们希望点击a的时候触发，点击b的时候不触发，那么可以使用on,代码如下：

$("#parent").on("click","#a",function(){alert($(this).attr("id"));
})

bind方法无法实现该功能。

还有一点需要注意：on绑定的事件处理函数，对于未来新增的元素一样可以的，和delegate效果相同，而bind则不行。

delegate用法与on()相同，只是参数的顺序不同：

delegate([selector],type,[data],fn);

还有一个live()方法，在jQuery1.9中被移除了，完全可以使用on()来替代它得作用，不建议使用此方法。

转载于:https://www.cnblogs.com/nxl0908/p/7505790.html

jQuery事件绑定函数：on()与bind()的差别相关推荐

js事件委托和jQuery事件绑定on , off , one , bind , unbind , die
一. 事件委托什么是事件委托?用现实中的理解就是:有100 个学生同时在某天中午收到快递,但这 100 个学生不可能同时站在学校门口等,那么都会委托门卫去收取,然后再逐个交给学生. 而在jQuery ...
HTML中详述jQuery事件绑定方式
jQuery事件绑定方式 1.bind()方法: bind(type,[data],fn):为每个匹配元素的特定事件绑定对应的事件处理函数,各参数含义如下: type表示事件类型,多个事件类型使用空格 ...
JQuery事件绑定，bind与on区别
jquery事件绑定 bind:向匹配元素添加一个或多个事件处理器 $(selector).bind("click",data,function); live:向当前或未来的匹配元 ...
jquery事件绑定和解除绑定bind、unbind、one
全栈工程师开发手册 (作者:栾鹏) jquery系列教程4-事件操作全解 jquery事件绑定使用函数bind(type [,data],fn)绑定事件,one函数也可以进行一次绑定,但是需要注意b ...
JQuery-学习笔记06【高级——JQuery事件绑定和切换】
Java后端学习路线笔记汇总表[黑马程序员] JQuery-学习笔记01[基础--JQuery基础]--[day01] JQuery-学习笔记02[基础--JQuery选择器] JQuery-学习 ...
day05【JQuery框架】HTML引入Jquery、jQuery与JS区别、基本选择器、层级关系选择器、属性选择器、过滤选择器、对象遍历、Jquery的DOM操作【重点】、Jquery事件绑定
回顾 1. bom对象window对象三种弹框alert()confirm()prompt()二种定时器一次性:setTimout() --- 通过递归实现循环性循环性:setInterval()lo ...
封装事件绑定函数解决this在ie下的绑定问题
封装一个事件绑定函数 function addEven(obj,type,fn) { if(obj.attachEvent) { obj.attachEvent('on'+type,fn ...
jQuery 事件绑定方法（bind hover toggle live.... ）、删除事件方法（unbind, die）及事件对象
事件绑定方法: 1.<type>(function) $("button").click(function(){... }); 2.bind(map) $(" ...
jquery 事件绑定及取消 bind live delegate on one区别（超详细且通俗易懂）
on bind delegate live one 四种方法差别不是特别大 bind讲完后,后面的方法只会说不同点 1.bind() $(selector).bind(event,data,funct ...

jQuery事件绑定函数：on()与bind()的差别

jQuery事件绑定函数：on()与bind()的差别相关推荐

最新文章

热门文章