<!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>