jQuery中delegate和on的用法与区别详细解析

1、两者区别是seleter和events顺序不同 delegate和on方法被选元素的子元素必须是合法的子元素。

我们提供的服务有：成都网站制作、成都做网站、微信公众号开发、网站优化、网站认证、青铜峡ssl等。为上1000家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的青铜峡网站制作公司

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

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

4、从jQuery 7开始，请优先使用事件函数on()替代该函数。该函数属于jQuery对象(实例)。语法 jQuery 2 新增该函数。

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

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

jQuery当中on()和live()都无效

live在jQuery7中就不再建议使用，在9中就给删除了。在jQueryguan 方网站上说明了原因，并声称用on方法取代live方法。

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

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

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

随着jQuery版本的更新，以前版本的Bind()，live()，delegate()事件可以直接被on代替，本次笔记仅以点击事件为例，主要考察了on事件的用法：本文主要介绍了jQuery中用on绑定事件时需注意的事项，具有很好的参考价值。

live绑定事件是针对选择器的，比如：(a).live(click，function(){...})；而不能使用$(body).find(a).live(click，function(){...})；来进行绑定，不能以筛选的方式锁定元素范围。

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

1、on()和bind()的函数签名如下：bind(type， [data]， fn) on(type，[selector]，[data]，fn)可以看到2个函数的区别在于：是否支持selector这个参数值。

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

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

4、更适合列表类型的，绑定到document DOM节点上。和.bind()的优势是支持动态数据。

jquery应该如何来设置改变按钮input的onclick事件_基础知识

1、你用的jquery，直接将$(#btnAdd).click，改成$(#btn1).click或btn2就可以了。

2、document.getElementById(button).onclick = function() { // 设置在此处单击#button时要发生的事件}；我们来看具体的示例以下是使用onclick事件的示例。

3、button).click(function(){ $(p).hide()； })；})；/script/headbodyh2这是一个标题/h2p这是一个段落。/pp这是另一个段落。

4、(input).bind(click，function(){ //do something})；通过bind函数，给元素做绑定点击事件，就可以了。

5、最后界面还能退出删除的模式，恢复正常的模式。

6、思维理解错了，你点按钮目的就是要判断input的值，那干嘛还要change，直接就可以获取input的值进行判断。

分享名称：jquery中on jquery中onclick
文章分享：http://scgulin.cn/article/dgihjhd.html