jQuery |委托（）方法

jQuery 中的delegate() 方法用于向作为选定元素的子元素的指定元素添加一个或多个事件处理程序，还用于指定在事件发生时运行的函数。

句法

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

参数：此方法接受上面提到的四个参数，如下所述：

• childSelector：它是必需参数，用于指定附加到事件处理程序的一个或多个子元素。
• event：它是必需参数，用于指定附加到元素的一个或多个事件。多个事件值以空格分隔，且必须是有效事件。
• data：它是一个可选参数，用于指定要沿函数传递的附加数据。
• 函数：它是必需参数，用于指定事件发生时要运行的函数。

示例 1：

 
 
     
        
            delegate() Method in jQuery
         
          
        
        
          
        
        
            $(document).ready(function() {
                $("div").delegate("h3", "click", function() {
                    $("h3").css("background-color", "green");
                });
            });
        
    
      
     
        
            Welcome to GeeksforGeeks! 
              
            
                Click on the below element (lightgreen
                background) to change background-color
            
              
            
                GeeksForGeeks
            
   
            GeeksForGeeks.
      
     
   

输出：
单击元素之前：

点击元素后：

示例 2：

 
 
     
        
            delegate() Method in jQuery
         
          
        
        
          
        
        
            $(document).ready(function(){
                $("div").delegate("h3", "click", function(){
                    $(this).slideToggle();
                });
                  
                $("button").click(function(){
                    $("<h3>This show how the delegate Method" 
                    + " works .</h3>").insertAfter("button");
                });
            });
        
     
      
     
        
            Welcome to GeeksforGeeks!. 
            
          
                
              GeeksforGeeks.
              The delegate Method.
                
              Click
          
      
     
   

输出：
点击按钮前：

点击按钮后：