jQuery | live() 方法

此方法用于为所选元素附加一个或多个事件处理程序。它还指定了在事件发生时运行的函数。使用的事件处理程序将适用于与选择器匹配的当前和未来元素。

句法：

$(selector).live(event, data, function)

属性值：

• 事件：用于指定事件，这些事件将附加到元素上。如果有多个事件，则它们之间以空格分隔。
• 函数:用于指定事件发生时运行的函数。
• data：用于指定函数的附加数据传递。它是一个可选属性。

示例 1：事件发生时显示和隐藏文本。

  

    
    
    
        $(document).ready(function() {
            $("button").live("click", function() {
                $("p").slideToggle();
            });
        });
    

  

  
    Geeks for Geeks
  
    Press
    
    
  
    Clicking on the 'Press' 
      button will execute the live method().
       

  

输出：

在点击按钮之前：

点击按钮后：

示例 2：插入元素并在事件发生时隐藏。

  

    Geeks
      
  
    
    
    
        $(document).ready(function() {
            
            $("p").live("click", function() {
                $(this).slideToggle();
            });
            $("button").click(function() {
                $("<p>Inserted Element</p>").insertAfter(
                  "button");
            });
        });
    
    Click here to make it disappear.
    Click to insert an element
  

  

输出：

最初：

在点击按钮之前：

点击按钮后：