jQuery | off() 方法

jQuery 中的off() 方法用于移除与 on() 方法关联的事件处理程序。 off() 方法为 API 带来了很多一致性，它取代了 unbind()、die() 和 undelegate() 方法。

句法：

$(selector).off(event, selector, function(eventObj), map)

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

• event：它是必需参数，用于指定要从所选元素中删除的一个或多个事件或命名空间。多个事件由空格分隔。
• 选择器：它是可选参数，用于在附加事件处理程序时与最初传递给 on() 方法的参数相匹配
• 函数(eventObj)：可选参数，用于指定事件发生时要运行的函数。
• map：该参数用于指定事件映射（{event: 函数, event: 函数, ...}） ，其中包含一个或多个附加到元素的事件，以及在事件发生时运行的函数。

示例 1：此示例删除事件处理程序。

      

    
        jQuery off() method
    
  
    
    
      
    
    
        $(document).ready(function() {
            $("h3").on("click", function() {
                $(this).css("background-color", "green");
            });
              
            $("button").click(function() {
                $("h3").off("click");
            });
        });
    

  

        GeeksforGeeks 
          
        
            Click to remove event handler
        

  

输出：
在点击元素 h3 之前：

单击元素 h3 后：

示例2：本示例使用animate 事件添加一次动画效果，然后删除事件处理程序。

      

    
        jQuery off() method
    
      
    
    
      
    
    
        $(document).ready(function() {
            var x = 0;
              
            $("h3").click(function(event) {
                $("h3").animate({fontSize: "+=10px"
            });
              
            x++;
              
            if (x >= 1) {
                $(this).off(event);
            }
            });
        });
    

  

  
    Welcome to GeeksforGeeks!. 
            
    
        
            Geeks for Geeks. Click to increase
            the size (only one time)
            
    

  

输出 ：
点击标题前：

点击标题后：