JQuery事件绑定，bind与on区别

jquery事件绑定
bind：向匹配元素添加一个或多个事件处理器
$(selector).bind("click",data,function);

live：向当前或未来的匹配元素添加一个或多个事件处理器
单事件处理：例如 $(selector).live("click",data,function);
支持jquery1.8+

delegate：支持jquery1.4.2+

on：为指定的元素,添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。
使用 on() 方法的事件处理程序适用于当前或未来的元素（比如由脚本创建的新元素）
jquery1.7以后替代bind、live的方法
例如 $(selector).on("click",childselector,data,function);

相同点：
　　1.都支持单元素多事件的绑定；空格相隔方式或者大括号替代方式;
　　2.均是通过事件冒泡方式，将事件传递到document进行事件的响应；

1.bind()函数只能针对已经存在的元素进行事件的设置；但是live(),on(),delegate()均支持未来新添加元素的事件设置；
2.bind()函数在jquery1.7版本以前比较受推崇，1.7版本出来之后，官方已经不推荐用bind()，替代函数为on(),这也是1.7版本新添加的函数，同样，可以
用来代替live()函数，live()函数在1.9版本已经删除；
3.live()函数和delegate()函数两者类似，但是live()函数在执行速度，灵活性和CSS选择器支持方面较delegate()差些
4.bind()支持Jquery所有版本；live()支持jquery1.8-；delegate()支持jquery1.4.2+；on()支持jquery1.7+；

转载于:https://www.cnblogs.com/cuijl/p/6533926.html

JQuery事件绑定，bind与on区别相关推荐

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

JQuery事件绑定，bind与on区别

JQuery事件绑定，bind与on区别相关推荐

最新文章

热门文章