jquery delegate怎么使用

寻技术 JQuery 前天 18:21 7

jQuery delegate() 方法用于向指定的元素添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。

语法:

$(selector).delegate(selector,event,data,function)

参数说明:

  • selector : 必需,规定要规定的元素。

  • event : 必需,规定要规定的事件。

  • data : 可选,规定传递到函数的额外数据。

  • function : 必需,规定当事件发生时运行的函数。

示例:

<!DOCTYPE html> <html> <head> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> <script> $(document).ready(function(){ $("table").delegate("td", "click", function(){ $(this).toggleClass("highlight"); }); }); </script> <style> .highlight { background-color: yellow; } </style> </head> <body> <table border="1"> <tr> <td>Click me</td> <td>Click me</td> </tr> <tr> <td>Click me</td> <td>Click me</td> </tr> </table> </body> </html>

以上示例中,当点击表格中的任意单元格时,会触发点击事件,并将被点击的单元格的背景颜色切换为黄色。

关闭

用微信“扫一扫”