jQuery 中的 delegate() 方法有什么用？

jQuery是一个开源 JavaScript 库，它简化了 HTML/CSS 文档，或者更准确地说是文档对象模型 (DOM) 和 JavaScript 之间的交互。详细阐述这些术语，简化了 HTML 文档遍历和操作、浏览器事件处理、DOM 动画、Ajax 交互和跨浏览器 JavaScript 开发。

jQuery 中的 delegate() 方法用于将事件处理程序添加到作为选定元素的子元素的元素。当事件发生时，函数将运行。这将适用于当前和未来的元素（如果我们想稍后创建一些元素）。

句法：

$(selector)
  .delegate(childSelector, event, data, function)

参数：此函数接受四个参数。

• childSelector：这是一个必需参数，用于指定要附加事件处理程序的子项。
• event：这是一个必需参数，用于指定要附加到元素的事件。如果有多个事件值，则它们将用空格分隔。
• data：这是一个可选参数，用于使用函数传递额外的数据。
• 函数：这是一个必需参数，它指定事件发生时要运行的函数。

示例：以下代码演示了 jQuery 中的delegate()方法。

HTML

  

     delegate() Method in jQuery 
  
    
    

  

    
        
            GeeksforGeeks
        
          
        delegate() Method in jQuery
  
        
            
                Click the button to change font size, 
                text color and background color of 
                GeeksforGeeks
            
              
             Click me 
        
  
        GeeksforGeeks
    
  
    
        $(document).ready(function() {
            $("div").delegate("button", "click", function() {
                $("p").css("background-color", "grey");
                $("p").css("color", "white");
                $("p").css("font-size", "50px");
            });
        });
    

  

输出：

jQuery中的委托（）方法

参考： https://api.jquery.com/delegate/