jqueryon的意思 jquery中on

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

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

成都创新互联专注于望花网站建设服务及定制，我们拥有丰富的企业做网站经验。热诚为您提供望花营销型网站建设，望花网站制作、望花网页设计、望花网站官网定制、微信小程序开发服务，打造望花网络公司原创品牌,更为您提供望花网站排名全网营销落地服务。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

5、延时绑定事件功能不同：jquery $(#btn).click在文档流中，后续通过脚本动态添加的元素(符合 id=#btn)，是没有绑定click事件的。

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

click 是方法；onclick是事件；执行click就是模拟鼠标点击，同时会触发onclick事件。

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

onclick是js里面给标签绑定点击事件的方法，通常写在html的元素上，而click方法在addEventListener()中使用，此方式可以给一个元素添加多个事件句柄，只在js中使用，可读性更强，更灵活。但前者的优先级高于后者。

可以不添加$(document).ready()，当然也就不能用$(#one).click(function() 这种写法了。

在onclick的事件中，加入js的toalert函数名，加载onclick事件的双引号中即可。为了让button看的更明显一些，可以设置一下button的样式，设置宽为100px，高为30px，字的颜色为红色。

(#idvalue)：这个代码选中html文档中，即任意 id=idvalue/任意jQuery 元素选择器和属性选择器允许您通过标签名、属性名或内容对 HTML 元素进行选择。选择器允许您对 HTML 元素组或单个元素进行操作。

1、$(className).on 为onclick绑定，只有在页面onload时执行一次。页面刷新后，新加载的具有className的元素便没有事件绑定到上面了。相反$(document).on这种方法会刷新和重新赋予绑定操作，所以一定程度上更为全面。

2、把js函数放另一个页面里（也就是你链接指向的那个页面）在body里添加onload=showsubmenu(sid)当前页面的js不可能影响下一个页面的，这是安全性考虑。

3、on 函数用来给特定的元素绑定事件，它有 4 个参数，其中第一个 events（事件）和第四个（函数）是必须要写的。回到你的代码上，click 就是事件，它绑定在 document 上。

4、.on()方法事件处理程序到当前选定的jQuery对象中的元素。

5、造成这个问题的原因，是因为jquery他的事件机制是当页面完全加载成功后，会根据所有目前页面上符合要求的dom添加事件标示，这样当你触发事件的时候，拥有该事件标示的DOM就会给予响应。

6、在onclick的事件中，加入js的toalert函数名，加载onclick事件的双引号中即可。为了让button看的更明显一些，可以设置一下button的样式，设置宽为100px，高为30px，字的颜色为红色。

名称栏目：jqueryon的意思 jquery中on
文章分享：http://ybzwz.com/article/disicgc.html