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