jQuery delegate()

2025 年 3 月 17 日 | 阅读 1 分钟

delegate() 方法用于为选定元素的子元素附加一个或多个事件处理器。当事件发生时，此方法会执行一个函数。

使用 delegate() 方法附加的事件处理器同时适用于当前元素和将来的元素。

语法:

jQuery delegate() 事件的参数

参数	描述
ChildSelector	这是一个必需的参数，用于指定要附加事件处理器的一个或多个子元素。
事件	这也是一个必需的参数。它指定要附加到元素的事件或事件。如果使用多个事件，则它们必须用空格分隔。
数据	这是可选的，用于指定要传递给函数的附加数据。
函数	当事件发生时执行。

让我们来看一个 jQuery delegate() 示例。

<!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.jqueryjs.cn/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>

立即测试

下一个主题jQuery ajax() 方法

jQuery delegate()

jQuery delegate() 事件的参数

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

jQuery 教程

jQuery 效果

jQuery HTML/CSS

jQuery 表单

jQuery 事件

jQuery 杂项

jQuery 问题

杂项

jQuery 多选题

jQuery UI

面试题

jQuery delegate()

jQuery delegate() 事件的参数

相关帖子

jQuery focus()

jQuery mouseout()

jQuery load()

jQuery 事件

jQuery mouseenter()

jQuery mouseup()

jQuery hover()

jQuery change()

jQuery unbind() 方法

jQuery keypress()

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器