JQ高级事件之事件委托
来源:互联网 发布:nba百视通网络电视 编辑:程序博客网 时间:2024/05/29 15:55
事件委托
跟字面意思一样,需要找一个东西来帮助一起完成某个东西。用我们JQ的语言来说就是,我有2000个按钮,但我们不能一个一个绑定,这样太过于浪费操作,那我们怎么做呢,事件默认情况下是冒泡的,我们可以把事件直接绑定他们的父元素,也就是说通过指定一个事件处理程序,就可以管理某一类的所有事件,这样我们可以通过event.target属性找到它实际点的是那个元素(这里说的是JS原生方法的实现),当然还可以实现动态绑定
<div id="btn"> <input type="button" value="button1" class="button"> <input type="button" value="button12" class="button"> <input type="button" value="button123" class="button"></div><script> $('.button').bind('click',function(){ alert('1')//这就是事件不委托,每个按钮有自己的事件 }) $('#btn').delegate('.button','click',function(){ alert('1')//这就是事件委托, }) //动态绑定 $('#btn').delegate('.button','click',function(){ $(this).clone().appendTo('#btn'); }); //取消绑定 $('#btn').undelegate('.button','click')//当然还可以使用命名空间的方法</script>
那我们什么时候使用事件委托呢,又什么时候使用事件绑定呢
当我们DOM中有很多元素绑定相同事件时,或者动态绑定时,首选事件委托
0 0
- JQ高级事件之事件委托
- JQ高级事件之on、off、one
- JQ之事件委托 用on()给父级绑定委托事件
- JQ高级事件之模拟与命名空间
- addEventListener,jq.on以及事件委托
- JS事件之事件委托
- C#高级编程之委托、lambda表达式和事件
- js与jq中的事件委托或是事件代理详解
- 委托 事件 之了解
- c#之事件委托
- JavaScript之事件委托
- JS之事件委托
- Jq 事件
- 读书笔记c#高级编程 委托和事件
- javascript之事件委托(事件代理)
- 聊一聊JQ中delegate事件委托的好处
- jQuery高级事件---on、off、one和事件委托
- 事件与委托之我见
- Hadoop 分析图中节点的重要性,求解图中节点三角形个数
- 黑马程序员---IO流及File类
- 黑马程序员--c语言关键字,标示符,注释,数据,常量,变量介绍
- LintCode-最大子数组差
- Java Socket应用(二)——java中InetAddress的应用
- JQ高级事件之事件委托
- windows下创建软链
- 进程间通信
- [SQL SERVER] 如何linked server連接Oracle (Oracle Provider for OLE DB)
- JavaSE笔记之<继承深入理解>
- 关于网络性能调优
- mac linux上安装python,opencv等的记录
- 调试LATTICE 的SGMII的调试。
- iOS 周刊 第一期