jquery .off() 如何工作？

在本文中，我们将学习 jquery 中的 .off() 方法。 JQuery 是一个轻量级和快速的 javascript 库，用于简化 javascript 代码。它比 javascript 更快，因为使用 JQuery 可以更快地执行相同的任务。

.off() 方法： .off() 方法的任务是从程序中删除一个事件处理程序。它是 JQuery 中的一个内置方法，其主要目的是删除通过 on() 方法附加到 HTML 元素的事件处理程序。

句法：

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

在哪里

• event：它指定来自所选元素的事件。
• 选择器：它指定要删除其附加事件处理程序的元素。
• 函数：它指定要运行以处理事件的函数的名称，它是一个可选参数。
• map：它指定一个事件映射，它是一个键值对，其中键指定事件，值指定相应的处理函数。

工作： JQuery 中的 .off() 方法用于删除通过 on() 方法连接到 HTML 元素的事件处理程序。让我们通过一个例子来理解，假设 on click() 方法附加了各种事件，如果我们在 off() 方法中传递了 click 方法，那么所有的 click 方法将从网页中删除。

注意： off() 方法中的**（双星号）用于从一个
元素而不删除非委托事件。

例子：

HTML

  

    
    jQuery off() method
  
    
    
  
    
        body {
            text-align: center;
        }
    
  
    
        $(document).ready(function () {
            $("h2").on("click", function () {
                $(this).css("background-color", "green");
            });
            $("button").click(function () {
                $("h2").off("click");
            });
        });
    

  

    
        GeeksForGeeks(click event is active).
        Click on GeeksForGeeks to see the
        effect of click event.
    
  
    
        click here to remove the click event.
    
      
    
        GeeksForGeeks(This is the same element as above).
        Click on the GeeksForGeeks to see the effect of
        off method.
    

  

输出：

说明：从上面的输出中，您可以观察到点击按钮后，’click event’ 将从网页中删除。基本上， .off() 的工作是从网页中移除点击事件。