温馨提示×

jquery delegate怎么使用

小亿
104
2023-07-11 13:56:48
栏目: 编程语言

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>

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

0