jquery-包裹元素


1、wrap方法
  在每個匹配的元素外層包上一個html元素
  參數類型說明:
  1)html字符串
    $('p').wrap('<div></div>');
    傳入的html標簽也可以是嵌套多層,但應該只包含一個核心的元素
  2)選擇器
    傳入選擇器則是將 選中的元素(及其后代) 復制一份用來 包裹對應的元素
  3)jQuery對象
    可以使用新創建的元素對象或者使用選擇器獲取到的元素對象
  4)html元素對象
  5)函數
    有多少個匹配元素,這個函數就會執行多少次!
    函數接收一個參數
    當前元素的序號
    函數內部this代表當前的html元素對象
    return用於包裹匹配元素的 HTML 內容或 jQuery 對象
2、wrapAll方法
    在所有匹配元素外面包一層HTML結構
    參數同上,但是我們一般不會傳入函數!
    注意:如果所匹配的元素沒有共同的父元素時的情況
3、wrapInner方法
    在匹配元素里的內容外包一層結構
    參數同上

 1 <script type="text/javascript">    
 2     $(function(){
 3             $("p").wrapAll("<div></div>");
 4             $("a").wrap("<div></div>");
 5             $("p").wrapInner("<h1></h1>");
 6         }
 7     );
 8 </script>
 9 
10 <p>段落</p>
11 <p>段落</p>
12 <a>鏈接</a>
13 <a>鏈接</a>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM