委托()方法用于为指定元素(是所选元素的子元素)附加一个或多个事件处理程序。该方法执行事件发生时要运行的功能。
附加的带有委托()方法的事件处理程序适用于当前和将来的元素。
句法:
$(selector).delegate(childSelector, event, data, function)
jQuery proxy()事件的参数
参量 | 描述 |
---|---|
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="http://img.readke.com/220429/1T43K327-0.jpg">
<
/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>
【jQuery delegate()】立即测试
推荐阅读
- jQuery detach()
- jQuery delay()
- jQuery css()
- jQuery clone()
- jQuery click()
- jQuery change()
- jQuery blur()
- jQuery before()
- jQuery bind()