jquery delegate怎么使用-开发者知识库平台

jquery delegate怎么使用

jquery

479

2023/7/1 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>

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

辰迅云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

jquery delegate怎么使用

最新知识库

相关标签