jquery的on事件参数，jquery on事件

jquery中的bind,live,delegate和on方法的区别是什么

1、live（）方法：与delegate（）方法类似，但它适用于动态添加的元素。例如：javascript$（document）.live（eventType，function（event）{}）。on（）方法：是jQuery7及以上版本提供的新方法，用于在匹配选择器的元素上绑定一个或多个事件处理函数。

2、bind（）方法为每个匹配元素的特定事件绑定事件处理函数。bind（）方法的底层逻辑是on（）方法。 .bind() 方法是用于往文档上附加行为的主要方式。所有JavaScript事件对象，比如focus， mouseover， 和 resize，都是可以作为type参数传递进来的。

3、作用不同 on()：在被选元素及子元素上添加一个或多个事件处理程序。live()：为被选元素附加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。触发条件不同 on()：使用 on() 方法添加的事件处理程序适用于当前及未来的元素（比如由脚本创建的新元素）。

4、当子元素上发生这个事件的时候，父元素上的事件处理函数也会被触发。如果使用on的时候，不设置selector，那么on与bind就没有区别了。（2）on绑定的事件处理函数，对于未来新增的元素一样可以的，和delegate效果相同，而bind则不行。

5、第一种方法很好理解，其实就和普通JS的用法差不多，只是少了一个on而已 第三种方法都是绑定事件，但是二者又有很大的不同，下面着重讲解一下，因为这个如果用到Jquery的框架的话是用的挺多的，尤其要注意二者的区别。

6、Jquery中bind和live的区别如下：bind()可以绑定多个事件，live()一次只能绑定一个事件。区别在于用live来绑定事件会给所有当前以及将来在页面上的元素绑定事件(使用委派的方式)。比如说，如果你给页面上所有的li用live绑定了click事件。

相关问答

Q1: jQuery()中,on()方法

on()：$(selector).on(event，childSelector，data，function)childSelector可选。规定只能添加到指定的子元素上的事件处理程序（且不是选择器本身，比如已废弃的 delegate() 方法）。live()：$(selector).live(event，data，function)，其中event必需。规定附加到元素的一个或多个事件。

bind（）方法为每个匹配元素的特定事件绑定事件处理函数。bind（）方法的底层逻辑是on（）方法。 .bind() 方法是用于往文档上附加行为的主要方式。所有JavaScript事件对象，比如focus， mouseover， 和 resize，都是可以作为type参数传递进来的。

（1）是否支持selector这个参数值。由于javascript的事件冒泡特性，如果在父元素上注册了一个事件处理函数，当子元素上发生这个事件的时候，父元素上的事件处理函数也会被触发。如果使用on的时候，不设置selector，那么on与bind就没有区别了。

Q2: jQuery中的bind()函数跟on()函数有什么区别呢?

bind（）方法为每个匹配元素的特定事件绑定事件处理函数。bind（）方法的底层逻辑是on（）方法。 .bind() 方法是用于往文档上附加行为的主要方式。所有JavaScript事件对象，比如focus， mouseover， 和 resize，都是可以作为type参数传递进来的。

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

bind()：为每个匹配元素的特定事件绑定事件处理函数。bind(type，[data]，fn)type： 含有一个或多个事件类型的字符串，由空格分隔多个事件。比如click或submit，还可以是自定义事件名。

Q3: jQuery中bind(),one(),on(),live()这几个绑定事件函数有哪些区别

该代码库绑定对象的方法有以下几种：bind（）方法：用于绑定一个或多个事件处理函数到指定元素上。例如：javascript$（选择器）.bind（eventType，function（event）{}）。

作用不同 on()：在被选元素及子元素上添加一个或多个事件处理程序。live()：为被选元素附加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。触发条件不同 on()：使用 on() 方法添加的事件处理程序适用于当前及未来的元素（比如由脚本创建的新元素）。

Jquery中bind和live的区别如下：bind()可以绑定多个事件，live()一次只能绑定一个事件。区别在于用live来绑定事件会给所有当前以及将来在页面上的元素绑定事件(使用委派的方式)。比如说，如果你给页面上所有的li用live绑定了click事件。

这2个方法在早期的jquery版本中比较常见，最新版本的jquery已经使用on取代了他们。区别：bind是在页面加载完成之后只对DOM进行一次绑定 live会在每次事件冒泡过程中都会监听绑定的事件。

.bind()与.on()的区别：（1）是否支持selector这个参数值。由于javascript的事件冒泡特性，如果在父元素上注册了一个事件处理函数，当子元素上发生这个事件的时候，父元素上的事件处理函数也会被触发。如果使用on的时候，不设置selector，那么on与bind就没有区别了。

以click事件为例 Jquery中绑定事件有三种方法：target.click(function(){})；target.bind(click，function(){})；target.live(click，function(){})；live方法，只有在click事件发生的时候，才会去检测绑定事件的对象target是否存在，所以live方法可以实现后来新增子元素的事件的绑定。

Q4: jQuery中的.on和.delegate的区别

而on是在7之后新增的，是把bind，live，delegate全部合并在一起了，(div).on(click，p，function(){alert(1)；})不需要事件委托的时候把P去掉就会变成点击div触发了。

function：必需；当绑定事件发生时，需要执行的函数；适用所有版本，但是根据官网解释，自从jquery7版本以后bind()函数推荐用on()来代替。

live（）方法：与delegate（）方法类似，但它适用于动态添加的元素。例如：javascript$（document）.live（eventType，function（event）{}）。on（）方法：是jQuery7及以上版本提供的新方法，用于在匹配选择器的元素上绑定一个或多个事件处理函数。

live()函数和delegate()函数两者类似，但是live()函数在执行速度，灵活性和CSS选择器支持方面较delegate()差些；bind()支持Jquery所有版本；live()支持jquery8-；delegate()支持jquery2+；on()支持jquery7+。

关于jquery的on事件参数和jquery on事件的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。