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>
以上示例中,當點擊表格中的任意單元格時,會觸發點擊事件,并將被點擊的單元格的背景顏色切換為黃色。