$(selector).delegate(childSelector,event,data,function)
参数 | 说明 |
ChildSelector | 这是一个强制性参数,用于指定一个或多个子元素来附加事件处理程序。 |
event | 它也是必填参数。它指定一个或多个事件附加到元素。如果您使用多个事件,那么它们必须用空格隔开。 |
data | 它是可选的,并指定要传递给该函数的其他数据。 |
function | 事件发生时执行。 |
<!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="/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>
This is a single paragraph. Click me for next.