jquery之on方法，jquery on方法

jQuery绑定事件on

您好：是可以的。之前老版本一般用live()方法，现在给动态元素绑定事件，可以用on代替。知识扩展：jQuery on()方法是官方推荐的绑定事件的一个方法。

如果使用on的时候，不设置selector，那么on与bind就没有区别了。（2）on绑定的事件处理函数，对于未来新增的元素一样可以的，和delegate效果相同，而bind则不行。

click方法 是jQuery实现的方法，为$(#aa)检索到的元素绑定click事件；而onclick是js原生的click事件绑定，即使没有加载jQuery库也可以使用。

绑定较为灵活，可以给事件单独绑定函数；data：可选；需要传递的参数；function：必需；当绑定事件发生时，需要执行的函数；适用所有版本，但是根据官网解释，自从jquery7版本以后bind()函数推荐用on()来代替。

(document).on(click，.class，function(){……})；相当于$(.class).live(click，function(){……})；js生成的元素绑定事件必须使用live，但新版的jq，已经淘汰了live，可以用on方法代替，但必须注意写法。

相关问答

Q1: jquery中的on方法能否为ajax新增的元素绑定事件?

1、您好：是可以的。之前老版本一般用live()方法，现在给动态元素绑定事件，可以用on代替。知识扩展：jQuery on()方法是官方推荐的绑定事件的一个方法。

2、//因为你div内的内容是动态添加的，但这个div肯定不是吧，//所以把事件绑定在div上，当发生点击时，判断点击的如果是按钮的话，就执行我们要做的事//这就是jquery是实现为未来元素绑定事件的方法。

3、应该是jquery的监听问题，ajax成功后append进来的数据不会被原先已经定义好的函数识别。对于这种情况，我一般采用将所有jquery函数归入一个函数中，然后在ajax的success函数内部调用这个函数，以识别新增数据。

4、(button).live(click，function(){ $(p).slideToggle()；})；live() 方法为被选元素附加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。

5、新建一个静态页面bind.html，并引入jquery核心文件。在标签中，插入一个button按钮，添加id属性值。在标签中，添加按钮点击事件，利用on()方法绑定。

6、$(.chapter).on(click，.chapter_title，function(){ })元素是后加载的，不要直接绑定在元素上，最好绑定在已经加载的父元素上。

Q2: jquery中on()方法和live()方法的区别

bind（）方法为每个匹配元素的特定事件绑定事件处理函数。bind（）方法的底层逻辑是on（）方法。 .bind() 方法是用于往文档上附加行为的主要方式。

live： function( types， data， fn ) { jQuery( this.context ).on( types， this.selector， data， fn )；return this；} 可以看到live方法并没有将监听器绑定到自己(this)身上，而是绑定到了this.context上了。

大括号替代方式：绑定较为灵活，可以给事件单独绑定函数；data：可选；需要传递的参数；function：必需；当绑定事件发生时，需要执行的函数；适用所有版本，但是根据官网解释，自从jquery7版本以后bind()函数推荐用on()来代替。

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

)差些；bind()支持Jquery所有版本；live()支持jquery8-；delegate()支持jquery2+；on()支持jquery7+。结论：如果项目中引用的jquery版本为低版本，推荐用delegate()，如果是高版本jquery则建议用on()。

如果使用on的时候，不设置selector，那么on与bind就没有区别了。（2）on绑定的事件处理函数，对于未来新增的元素一样可以的，和delegate效果相同，而bind则不行。

Q3: jQuery事件绑定方法bind,live,delegate和on的区别

大括号替代方式：绑定较为灵活，可以给事件单独绑定函数；data：可选；需要传递的参数；function：必需；当绑定事件发生时，需要执行的函数；适用所有版本，但是根据官网解释，自从jquery7版本以后bind()函数推荐用on()来代替。

bind（）方法为每个匹配元素的特定事件绑定事件处理函数。bind（）方法的底层逻辑是on（）方法。 .bind() 方法是用于往文档上附加行为的主要方式。

作用不同 on()：在被选元素及子元素上添加一个或多个事件处理程序。live()：为被选元素附加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。

如果使用on的时候，不设置selector，那么on与bind就没有区别了。（2）on绑定的事件处理函数，对于未来新增的元素一样可以的，和delegate效果相同，而bind则不行。

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

live方法，只有在click事件发生的时候，才会去检测绑定事件的对象target是否存在，所以live方法可以实现后来新增子元素的事件的绑定。

Q4: jquery中on()方法什么时候出现的,在哪个版本中有的,为什么现在手册中查...

1、on() 方法在被选元素及子元素上添加一个或多个事件处理程序。自 jQuery 版本 7 起，on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。

2、jquery的click表示点击事件，这个很好理解，on和bind都是表示绑定一个事件，bind是jquery7以前的版本方法，从7开始，推出了on方法表示绑定，bind()，live()和delegate()都用了on()来表示，所以说on是bind的替代者。

3、function：必需；当绑定事件发生时，需要执行的函数；适用Jquery版本 jquery9版本以下支持，jquery9及其以上版本删除了此方法，jquery9以上版本用on()方法来代替。

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

1、可以看到内部是调用了on方法。bind的特点就是会把监听器绑定到目标元素上，有一个绑一个，在页面上的元素不会动态添加的时候使用它没什么问题。

2、大括号替代方式：绑定较为灵活，可以给事件单独绑定函数；data：可选；需要传递的参数；function：必需；当绑定事件发生时，需要执行的函数；适用所有版本，但是根据官网解释，自从jquery7版本以后bind()函数推荐用on()来代替。

3、bind（）方法为每个匹配元素的特定事件绑定事件处理函数。bind（）方法的底层逻辑是on（）方法。 .bind() 方法是用于往文档上附加行为的主要方式。

4、作用不同 on()：在被选元素及子元素上添加一个或多个事件处理程序。live()：为被选元素附加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。

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

6、jquery的click表示点击事件，这个很好理解，on和bind都是表示绑定一个事件，bind是jquery7以前的版本方法，从7开始，推出了on方法表示绑定，bind()，live()和delegate()都用了on()来表示，所以说on是bind的替代者。

jquery之on方法的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于jquery on方法、jquery之on方法的信息别忘了在本站进行查找喔。