jQuery unbind()方法

unbind() 方法是jQuery的一个内置方法，用于删除任何选定的事件处理程序。这个方法可以用来删除特定的事件处理器，或停止特定的功能。它适用于任何使用事件对象的事件处理器。

注意：如果没有提供参数，该方法对指定元素的所有事件处理程序起作用。
语法:

$(selector).unbind(event, function, eventObj)

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

event。这是一个可选的参数，用来指定事件（一个或多个），以便从元素中删除它们。
function。这是一个可选的参数，用于指定从指定事件中解绑元素的函数名称。
eventObj: 它是一个可选的参数，用于指定要从事件绑定函数中移除的事件对象。

例子1：这个例子描述了unbind()方法，从选定的元素移除事件处理程序。

<!DOCTYPE html>  
<html>  
  
<head> 
    <title> 
        jQuery unbind() Method
    </title> 
      
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
 </head> 
         
 <body style = "text-align:center;">  
     
    <h1 style = "color:green;" >  
        GeeksForGeeks  
    </h1>  
             
    <button> 
        Click Here 
    </button> 
          
    <!-- Script to illustrates unbind() method -->
    <script>
        (document).ready(function() {
            ("h1").click(function() {
                (this).slideToggle();
            });
              
            ("button").click(function() {
                $("h1").unbind();
            });
        });
    </script>
</body>  
  
</html>

输出:

在点击任何地方之前。
点击元素h1后。
点击按钮后，事件将不工作。

例子2：这个例子描述了unbind()方法，从选定的元素移除事件处理程序。

<!DOCTYPE html>  
<html>  
  
<head> 
    <title> 
        jQuery unbind() Method
    </title> 
      
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
      
    <style>
        h1 {
            border: 1px solid black;
            height: 100px;
            padding-top: 35px;
            background: green;
            color: white;
        }
    </style>
</head> 
         
<body style = "text-align:center;">  
     
    <h1>GeeksForGeeks</h1>  
      
    <button> 
        Remove event handler from geeks for geeks
    </button> 
      
    <!-- Script to illustrates unbind() method -->   
    <script>
        (document).ready(function() {
            ("h1").click(function() {
                (this).slideToggle();
            });
              
            ("button").click(function() {
                $("h1").unbind();
            });
        });
    </script>
</body>  
  
</html>