jQuery | wrap() 与示例

wrap() 方法是 jQuery 中的一个内置方法，用于将指定元素包裹在所选元素周围。

句法：

$(selector).wrap(element, function)

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

• element：它是必需的参数，用于指定要环绕所选元素的元素。
• 函数：它是可选参数，用于指定返回包装元素的函数。

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

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

示例 1：此示例不接受可选参数。

    
        The wrap() Method
        
        
          
        
        
            $(document).ready(function() {
                $("button").click(function() {
                    $("p").wrap("<div></div>");
                });
            });
        
        
            div {
                background-color: lightgreen;
                padding: 20px;
                width: 200px;
                font-weight: bold;
                height: 60px;
                border: 2px solid green;
            }
        
    
       
    
        
        Welcome to GeeksforGeeks!
        Click Here!
    

输出：

示例 2：

    
        The wrap Method
        
        
          
        
        
            $(document).ready(function() {
                $("button").click(function() {
                    $("p").wrap(function() {
                        return "<div></div>"
                    });
                });
            });
        
        
            div {
                background-color: lightgreen;
                padding: 20px;
                width: 200px;
                font-weight: bold;
                height: 60px;
                border: 2px solid green;
            }
        
    
    
        
        Welcome to GeeksforGeeks!
        Click Here!
    

输出：