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>

輸出：

單擊任何位置之前：
單擊元素h1後：
單擊按鈕後，事件將不起作用：

相關用法

注：本文由純淨天空篩選整理自ashishsaini3大神的英文原創作品 jQuery | unbind() Method。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。