jQuery | $.proxy() 方法

jQuery 中的$.proxy() 方法接受一个现有函数并返回一个具有特定上下文的新函数。通常，它用于将事件附加到上下文指向不同对象的元素。

句法：

• $(selector).proxy(function, context)

• $(selector).proxy(context, name)

参数：该方法接受上面提到和下面描述的三个参数：

• 函数：它保存要调用的现有函数名称。
• 上下文：它显示函数所在的对象的名称。
• 名称：要更改其上下文的函数。

示例 1：此示例显示 h3 元素的上下文。

      

    
        jQuery $.proxy() Method
    
      
    
    
      
    
        $(document).ready(function() {
           
            test = function() {
                this.txt = "Property of Object";
                $("h3").click($.proxy(this.myClick, this));
            };
               
            test.prototype.myClick = function(event) {
                alert(this.txt);
                alert(event.currentTarget.nodeName);
            };
               
            var x = new test();
           
        });
    

  

   
    Welcome to GeeksforGeeks!. 
      
    
        Geeks for Geeks.    
    

  

输出：

• 在点击标题文本 h3 之前：
  
• 单击标题文本 h3 后：
  
• 点击确定按钮：
  

示例 2：此示例调用 objPerson 对象并显示其内容。

      

     
        jQuery $.proxy() Method
     
       
    
    
      
    
    
        $(document).ready(function(){
            var objPerson = {
                test: function() {
                    $("h2").after("GeeksforGeeks");
                }
            };
          
            $("button").click($.proxy(objPerson, "test"));
        });
    

  

  
    Welcome to GeeksforGeeks!. 
      
    
        The $.proxy Method.        
          
    

  

输出：

• 在点击按钮之前：
  
• 点击按钮后：