jquery事件委托方法怎么用

这篇文章主要介绍了jquery事件委托方法怎么用的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇jquery事件委托方法怎么用文章都会有所收获，下面我们一起来看看吧。 jquery事件委托方法有：1、blind()方法，主要用于给选择到的元素进行事件绑定；2、live()方法，向当前或未来的匹配元素添加一个或多个事件处理器；3、delegate()方法；4、on()方法，用于将监听事件绑定到就近父级元素。本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。什么是事件委托？子元素的事件委托给父元素，而不是分给子元素自己去绑定事件，然后触发事件的时候找到对应的event.target是指利用事件冒泡，只指定一个事件处理程序，来管理某一类型的所有事件为什么要用事件委托？因为在js中添加到页面的事件处理程序个数会影响到页面的整体运行性能其次对列表逐个添加事件处理程序太过于麻烦，所以，事件委托极大地提高了页面运行的性能通过for循环给ul底下的li遍历绑定事件，看似没有问题但实际非常影响页面的运行性能此时，就用到冒泡模式的事件委托来解决然而，有会想到绑定给ul的事件，实现后岂不是每个li都会受影响吗？ 出此案了新概念：事件源：不管事件绑定在那个元素中，都指的是实际触发事免费云主机、域名件的内个目标 event.target eg:ul.onclick=function(event){}简单点就是 减少DOM访问，减少内存，提高页面的运行性能jquery事件委托方法有哪些1、blind定义和用法：主要用于给选择到的元素进行事件绑定语法：特点;适用于静态页面，只能给调用它时已存在的元素绑定，不能给未来新增的元素绑定 当页面加载完时，才进行blind；2、live(1.7以后不支持)定义：向当前或未来的匹配元素添加一个或多个事件处理器；语法：特点：live并没有将事件绑定到自身（this）上，而是绑定到this.context上 正是利用了事件委托机制完成事件的监听处理，把节点的处理委托给 document 新添加的元素不必再绑定一次监听器，可多事件处理 只能放在直接选择的元素的后面3、delegate定义：将监听事件绑定到就近父级元素，因为事件可以更快的冒泡上去语法：特点：更精确的小范围使用事件代理，性能优于.live()。可以用在动态添加的元素上。4、on定义;将监听事件绑定到就近父级元素语法：特点：给父元素底下新添加的标签也可以用监听事件也支持多时事件处理关于“jquery事件委托方法怎么用”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“jquery事件委托方法怎么用”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注云技术行业资讯频道。

相关推荐: angular状态管理器NgRx怎么用

本篇内容主要讲解“angular状态管理器NgRx怎么用”，感兴趣的朋友不妨来看看免费云主机、域名。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“angular状态管理器NgRx怎么用”吧!NgRx 是 Angular 应用中实现全局状态管理…