jQuery | prepend() 与示例

prepend() 方法是 jQuery 中的一个内置方法，用于在被选元素的开头插入指定的内容。

句法：

$(selector).prepend(content, function)

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

• content：必填参数，用于指定需要插入的内容。
• 函数:可选参数，用于指定调用后要执行的函数。

返回值：此方法返回选定元素，并通过 prepend() 方法进行指定的更改。

下面的例子说明了 jQuery 中的 prepend() 方法：

示例 1：此示例不包含可选参数。

   
       The prepend Method
       
       
         
       
       
         $(document).ready(function(){
             $("button").click(function(){
                 $("p").prepend("Welcome to  ");
             });
         });
       
       
         div {
             width: 350px;
             height: 100px;
             font-weight: bold;
             padding:20px;
             font-size: 25px;
             border: 2px solid green;
         }
      
   
   
      
         GeeksforGeeks!
         
         Click Here!
      
   

输出：
点击按钮前：

点击按钮后：

示例 2：此示例包含可选参数。

    
        The prepend Metho
        
        
          
        
        
            $(document).ready(function() {
                $("button").click(function() {
                    $("p").prepend(function() {
                        return "<b>Hello  ";
                         
                    });
                });
            });
        
        
            div {
                width: 350px;
                height: 100px;
                font-weight: bold;
                padding:20px;
                font-size: 25px;
                border: 2px solid green;
            }
        
    
    
        
            Contributor!
              
            
            Click Here!
        
    

输出：
点击按钮前：

点击按钮后：