个性化阅读
专注于IT技术分析

jQuery delegate()

点击下载

委托()方法用于为指定元素(是所选元素的子元素)附加一个或多个事件处理程序。该方法执行事件发生时要运行的功能。

附加的带有委托()方法的事件处理程序适用于当前和将来的元素。

句法:

$(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>

立即测试

赞(0)
未经允许不得转载:srcmini » jQuery delegate()

评论 抢沙发

评论前必须登录!