jquery事件代理on，jquery实现事件委托

jquery怎么事件委托

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

2、你好！jQuery中的事件委托，一般都是使用$(父类).on(事件，子类或特定元素，function(){逻辑处理})ajax请求返回了一段html代码，并追加到了#div1这个元素上。

3、(#ul1).on(click，li，function()这个的意思，就是给#ul1里面的每个li绑定click事件，并把事件触发后的处理都委托给#ul1。

4、在js中事件会冒泡到父级节点，所以我们可以在父级节点进行事件代理。

5、而Dojo的与jQuery相似，仅是两者的编程风格上的差别：Dojo的delegate模块在dojox.NodeList中，提供的接口与jQuery一样，参数也相同。通过委托， 能够体会到使用事件委托对于开发带来的几个好处：管理的函数变少了。

6、事件委托也称为事件代理， 在 jQuery 里面称为事件委派。 不是每个子节点单独设置事件监听器，而是事件监听器设置在其父节点上，然后利用冒泡原理影响设置每个子节点。

相关问答

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

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

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

Q2: jquery中以下哪些方法可以实现事件代理

1、jQuery事件的绑定和委托可以用多种方法实现，on() 、 bind() 、 live() 、 delegate() ，还有one()。

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

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

4、并且通过e.target拿到了被点击的Li节点。从而可以获取到相应的信息，并作处理。jQuery和Dojo中delegate函数下面看一下Dojo和jQuery中提供的事件代理接口的使用方法。

5、jQuery 代码：(img).attr(src，test.jpg)；作用：取得或设置匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返回 undefined 。

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

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

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

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

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

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

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

Q4: jQuery绑定事件on

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

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

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

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

关于jquery事件代理on和jquery实现事件委托的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。