委托()方法用于为指定元素(是所选元素的子元素)附加一个或多个事件处理程序。该方法执行事件发生时要运行的功能。
附加的带有委托()方法的事件处理程序适用于当前和将来的元素。
句法:
$(selector).delegate(childSelector, event, data, function)
jQuery proxy()事件的参数
参量 | 描述 |
---|---|
ChildSelector | 它是必需参数, 用于指定一个或多个子元素来附加事件处理程序。 |
Event | 它也是必需参数。它指定一个或多个事件附加到元素。如果你使用多个事件, 那么它们必须以空格分隔。 |
Data | 它是可选的, 并指定要传递给函数的其他数据。 |
Function | 事件发生时执行。 |
让我们以jQuery委托()为例。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>delegate demo</title>
<style>
p {
background: yellow;
font-weight: bold;
cursor: pointer;
padding: 5px;
}
p.over {
background: #ccc;
}
span {
color: red;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<p>This is a single paragraph. Click me for next.</p>
<script>
$( "body" ).delegate( "p", "click", function() {
$(this ).after( "<p>Click me for another paragraph.</p>" );
});
</script>
</body>
</html>
立即测试
评论前必须登录!
注册