jquery中.on，jquery中on方法可以实现事件委派,请编写代码并解释

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

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

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

其中，on 是 jQuery 7 之后引入的，支持事件绑定的全部功能；live 是在 DOM 加载完成后立即执行的，不支持动态添加的元素；delegate 是在事件发生时委托给一个指定的元素来处理事件 。

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

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

使用 on()方法，本质上使用了事件委派，将事件委派在父元素身上。

相关问答

Q1: jquery用on绑定事件

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

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

3、append的字符串中应该是 })； $(.btn).on(click，function(){ console.log(haha)； })； //上面绑定的方式也不对。因为页面刚加载时$(.btn)并不包括后来生成的button。

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

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

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

其中，on 是 jQuery 7 之后引入的，支持事件绑定的全部功能；live 是在 DOM 加载完成后立即执行的，不支持动态添加的元素；delegate 是在事件发生时委托给一个指定的元素来处理事件 。

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

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

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

1、当用户点击元素内部之后，就会弹出一个警告框。on（）方法在选择元素上绑定一个或多个事件的事件处理函数。 on()方法绑定事件处理程序到当前选定的jQuery对象中的元素。

2、这里说明on与live这俩方法的区别，on方法是在JQuery9中出现的，来代替live的，所以如果你的JQuery包版本较低的话就用live方法。

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

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

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

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

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

4、推出了on方法表示绑定，bind()，live()和delegate()都用了on()来表示，所以说on是bind的替代者。

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

两者区别是seleter和events顺序不同 delegate和on方法被选元素的子元素必须是合法的子元素。on(events，[selector]，[data]，fn)，参数[selector]是可选，一个选择器字符串用于过滤器的触发事件的选择器元素的后代。

其中，on 是 jQuery 7 之后引入的，支持事件绑定的全部功能；live 是在 DOM 加载完成后立即执行的，不支持动态添加的元素；delegate 是在事件发生时委托给一个指定的元素来处理事件 。

delegate用于事件委托，也是绑定过JavaScript或者jQuery添加的DOM元素事件。

jquery中.on的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于jquery中on方法可以实现事件委派,请编写代码并解释、jquery中.on的信息别忘了在本站进行查找喔。