jquery.on() jqueryon事件委托

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

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

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

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

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

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

5、(a).click(function(){alert(s)}) a标签一直会有click事件响应。除非js动态添加了新的a标签，那么点击这个新添加的a标签不会弹出 s的对话框。

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

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

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

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

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

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

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

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

在jQuery7中 .delegate()已被.on()取代。对于早期版本，它仍然使用事件委托的最有效手段。在事件绑定和委派，delegate()和on在一般情况下，这两种方法是等效的。

jQuery中用on来绑定事件，常用写法两种写法哪个更好？ $(document).on 将事件委托document， $(#idname).on 将事件绑定到.className元素上。每次document有点击动作，浏览器都会判断当前点击的对象。

on方法可以对新生成的元素绑定事件。on方法第一个参数是触发事件的名称；第二个是侦听元素，可以是现在的，也可以是动态生成的；第三个就是具体的实际处理函数。

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容