亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

jQuery DOM操作包裹wrap()

如果要將元素用其他元素包裹起來,也就是給它增加一個父元素,針對這樣的處理,JQuery提供了一個wrap方法

.wrap( wrappingElement ):在集合中匹配的每個元素周圍包裹一個HTML結構

比如下面我們來寫一個例子

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
    <p>php 中文網(wǎng)</p>


    <script>
        $("p").wrap("<div></div>");
    </script>
</body>
</html>

小伙伴們看如上代碼,這樣我們就給p 標簽增加了一個父節(jié)點? 小伙伴們把代碼復制到本地運行,按F12 可以查看


wrap( function ) :一個回調函數(shù),返回用于包裹匹配元素的 HTML 內(nèi)容或 jQuery 對象

使用后的效果與直接傳遞參數(shù)是一樣,只不過可以把代碼寫在函數(shù)體內(nèi)部,寫法不同而已

下面我們來看實例:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
    <p>php 中文網(wǎng)</p>

    <script>
        $('p').wrap(function(){
            return '<div>';
        })
    </script>
</body>
</html>

小伙伴們可以運行下第二種,其實和第一種的效果是一樣的,只是寫法不一樣而已

注意:wrap()函數(shù)可以接受任何字符串或對象,可以傳遞給$()工廠函數(shù)來指定一個DOM結構。這種結構可以嵌套了好幾層深,但應該只包含一個核心的元素。每個匹配的元素都會被這種結構包裹。該方法返回原始的元素集,以便之后使用鏈式方法。

繼續(xù)學習
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> </head> <body> <p>php 中文網(wǎng)</p> <script> $("p").wrap("<div></div>"); </script> </body> </html>
提交重置代碼