jquery+on、 jqueryon事件委托

jquery,$(document).on()是在页面加载完成后执行的吗?

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

在雷州等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供做网站、网站制作 网站设计制作按需求定制开发,公司网站建设,企业网站建设,高端网站设计,全网整合营销推广,成都外贸网站建设公司,雷州网站建设费用合理。

如果浏览器存在 document.onreadystatechange 事件，当该事件触发时，如果 document.readyState=complete 的时候，可视为 DOM 树已经载入。

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

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

(p).on(click， #count， function() {//function code here.})；拓展内容juqery on()方法详解 定义和用法 on() 方法在被选元素及子元素上添加一个或多个事件处理程序。

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

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

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

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

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

jQuery中用on绑定事件时需要注意些什么

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

2、$(document).on 将事件委托document， $(#idname).on 将事件绑定到.className元素上。每次document有点击动作，浏览器都会判断当前点击的对象。如果匹配再决定要不要执行，多了个判断环节。

3、对，on前面的jquery对象要存在才可以。jquery语法 .on(events [， selector] [， data]， handler(eventObject))我理解的是先把事件绑定到父元素上面，然后利用事件的冒泡检查target是不是selector，如果是的话执行handler。

4、默认情况下为true）。比较一下，如图可以看到， 禁用排序时，排序的箭头没有了。部分禁用排序功能，禁用第二列的排序功能。js如下。（默认排序的总开关开启，所以这里没有在js里设置）。

5、这次给大家带来jquery怎样给动态生成的标签绑定事件，jquery给动态生成的标签绑定事件的注意事项有哪些，下面就是实战案例，一起来看一下。

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

1、bind（）方法为每个匹配元素的特定事件绑定事件处理函数。bind（）方法的底层逻辑是on（）方法。 .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、这里说明on与live这俩方法的区别，on方法是在JQuery9中出现的，来代替live的，所以如果你的JQuery包版本较低的话就用live方法。

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

jquery的on绑定点击事件执行两次如何解决

如何解决累加绑定：第一种方法是元素点击后删除，然后再动态创建一个元素，再添加点击事件。显然这个方式很麻烦。第二中方法是使用jquery的one()方法，为元素绑定一个一次性的事件处理函数，这个事件处理函数只会被执行一次。

解决办法可以通过事件委托，放过第一次触发，然后冒泡后的再来处理。

很多时候事件会被快速重复触发，比如 click，这样就会执行两次代码，造成很多后果。

单击每个页面卡时，我们分别处理日期输入框的显示方法，如点击月份，然后日期控制只能达到年份。2，然后运行程序，点击页面卡进行月度查询，你会看到时间控件的显示如下图所示。

设置个全局变量，最后动作做完全局变量改变值。

再执行外层的click事件响应。像你的这种情况应该是为两个并列的span加上click事件。如果你非要这样的话，也在可以里层的function结束时加上return false；来阻止事件冒泡，这样就外层的click事件都不会触发。

JQuery使用on方法如何绑定hover事件的代码案例

肯定是先引入jquery库，可以选择下载本地引用，也可以在线引用。on函数，这个是guan 方推荐使用的函数，因为其他方法都是内部调用on来完成的，直接使用on可以提高效率。

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

$(document).on 将事件委托document， $(#idname).on 将事件绑定到.className元素上。每次document有点击动作，浏览器都会判断当前点击的对象。如果匹配再决定要不要执行，多了个判断环节。

事件委托是什么？通过事件冒泡，让子元素绑定的事件冒泡到父元素(或祖先元素)上，然后再进行处理。

jQuery在前端开发中被广泛使用，它的知识点也很多，今天就和大家讲讲，怎么使用jQuery中的hover方法，toggle方法，正在学习jQuery的小伙伴，赶紧过来看看吧。

本文标题：jquery+on、 jqueryon事件委托
浏览地址：http://cdiso.cn/article/dipgohs.html