jqueryon绑定事件，jquery用on绑定动态事件

jQuery绑定事件on

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

jQuery绑定点击事件可以使用其绑定事件函数 jquery中四个事件绑定方式（bind，live，delegate，on）bind()简要描述 bind()向匹配元素添加一个或多个事件处理器。

.bind()与.on()的区别：（1）是否支持selector这个参数值。由于javascript的事件冒泡特性，如果在父元素上注册了一个事件处理函数，当子元素上发生这个事件的时候，父元素上的事件处理函数也会被触发。

相关问答

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

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

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

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

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

Q2: jquery中的on方法能否为ajax新增的元素绑定事件?

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

2、jquery中绑定事件一般使用bind，或者click，但是这只能是对已经加载好的元素定义事件，那些后来添加插入的元素则需要另行绑定。在7版本以前使用live。但是在8版本以后推荐使用on。

3、其实最简单的方法就是直接在标签中写onclick=，但是这样写其实是有点low的，最好的方式还是通过给类名绑定一个click事件。

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

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

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

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

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

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

Q4: jQuery事件绑定方法bind,live,delegate和on的区别

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

（2）on绑定的事件处理函数，对于未来新增的元素一样可以的，和delegate效果相同，而bind则不行。

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

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

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

jqueryon绑定事件的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于jquery用on绑定动态事件、jqueryon绑定事件的信息别忘了在本站进行查找喔。