jquery delegate怎么使用

lewis 6年前 (2019-01-26) 阅读数 13 #程序编程

文章标签 jquery

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>

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