jQuery unbind()方法

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> 

输出:

  • 在点击任何地方之前。
    jQuery unbind()方法
  • 点击元素h1后。
    jQuery unbind()方法
  • 点击按钮后,事件将不工作。
    jQuery unbind()方法

例子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> 

输出:

  • 在点击任何地方之前。
    jQuery unbind()方法
  • 点击元素h1后。
    jQuery unbind()方法
  • 点击按钮后,事件将不工作。
    jQuery unbind()方法

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程