jQuery delegate() 方法用于向指定的元素添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。
语法:
$(selector).delegate(selector,event,data,function)参数说明:
-
selector : 必需,规定要规定的元素。
-
event : 必需,规定要规定的事件。
-
data : 可选,规定传递到函数的额外数据。
-
function : 必需,规定当事件发生时运行的函数。
示例:
<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>以上示例中,当点击表格中的任意单元格时,会触发点击事件,并将被点击的单元格的背景颜色切换为黄色。
版权声明:除特别声明外,本站所有文章皆是本站原创,转载请以超链接形式注明出处!