jQuery委托事件delegate()方法
2013-03-27 17:30
405 查看
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>jQuery委托事件</title> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script> jQuery(function ($) { var $ul = $('ul'); $ul.delegate('li', 'click', function () { alert('当前点击元素索引值为:' + $(this).index()); }); }); </script> </head> <body> <div> <ul> <li>第1个元素</li> <li>第2个元素</li> <li>第3个元素</li> <li>第4个元素</li> <li>第5个元素</li> </ul> </div> </body> </html>
相关文章推荐
- jQuery的事件委托方法on、live、delegate之间有什么区别?
- 浅谈jQuery代码优化之事件委托(事件绑定)——bind()|live()|delegate()|on()|off()|one()方法
- 委托事件和jquery中的delegate方法
- jQuery事件绑定on()、bind()与delegate() 方法详解
- jQuery 事件 - delegate() live() 方法
- jquery事件委托的回调函数中调用全局变量的简单方法
- jquery事件委托的回调函数中调用全局变量的简单方法
- [TOP]原生JS事件绑定方法以及jQuery绑定事件方法bind、live、on、delegate的区别
- jquery事件委托的回调函数中调用全局变量的简单方法
- jquery事件委托的回调函数中调用全局变量的简单方法
- jQuery的on()方法的两种用法(委托给父元素进行事件监听代理)
- 温故而知新:Delegate,Action,Func,匿名方法,匿名委托,事件
- jquery关于事件冒泡和事件委托的技巧及阻止与允许事件冒泡的三种实现方法
- Delegate,Action,Func,匿名方法,匿名委托,事件
- jQuery的事件处理方法介绍-bind(),live(),delegate(),on()
- BIND?LIVE?DELEGATE?还是ON?–JQUERY事件绑定方法研究
- 温故而知新:Delegate,Action,Func,匿名方法,匿名委托,事件
- 使用 jquery 事件委托的 on 方法
- jQuery中bind(),live(),delegate(),on()绑定事件方法实例详解
- jquery事件委托的回调函数中调用全局变量的简单方法