jQuery | before() 方法

jQuery 中的before() 方法用于在被选元素之前添加内容。

句法：

$(selector).before( content, function(index) )

参数：此方法接受上面提到和下面描述的两个参数：

• content：该参数保存要在元素之前插入的内容。 content 的可能值可以是 HTML 元素、DOM 元素、jQuery 元素。
• 函数(index)：可选参数，用于指定返回元素前插入内容的函数，index返回元素的索引位置。

示例 1：本示例在元素之前插入内容。

  

    
        jQuery before() Method
    
      
    
    
      
    
    
        $(document).ready(function() {
            $("button").click(function() {
                $("button").before("<p>GeeksforGeeks:"
                + " A computer science portal</p>");
            });
        });
    

  

    Click Here to Insert element before button

  
     

点击按钮前：

点击按钮后：

示例 2：此示例在指定元素之前插入内容。

  

    
        jQuery before() Method
    
      
    
    
      
    
    
        $(document).ready(function(){
            $("button").click(function(){
                $("span").before("<span>GeeksforGeeks: </span>");
            });
        });
    

  

    A computer science portal for geek
      
    A computer science portal for geek
      
    A computer science portal for geek
      
    Click to insert

  

点击按钮前：

点击按钮后：