jQuery文檔處理

1.wrap 把所有匹配的元素用其他元素的結構化標記包裹起來。(我的理解就是給匹配的元素穿一件衣服)

  把所有的段落用一個新創建的div包裹起來

 

$("p").wrap("<div class='wrap'></div>");

 

 

2.unwrap 這個方法將移出元素的父元素(爲匹配的元素脫去衣服)

  把段落標籤外的div去掉

  HTML代碼:

 

<div>
    <p>Hello</p>
    <p>cruel</p>
    <p>World</p>
</div>

 

  JS代碼:

$("p").unwrap()

 

3.wrapInner  將每一個匹配的元素的子內容(包括文本節點)用一個HTML結構包裹起來

  爲所有的p標籤,每個都套上b標籤

  HTML代碼:

    <p>Hello</p>
    <p>cruel</p>
    <p>World</p>

  js代碼:

$("p").wrapInner("<b></b>");

  效果:

 <b><p>Hello</p></b>
 <b><p>cruel</p></b>
 <b><p>World</p></b>

 

4.detach() 從DOM中刪除所有匹配的元素。

 從DOM中把所有段落刪除

HTML代碼:
<p>Hello</p> how are <p>you?</p>

 JS代碼:

$("p").detach();

 

 

唉....吃壞肚子了,難受啊..  明天再接再厲吧



 

發佈了42 篇原創文章 · 獲贊 9 · 訪問量 5萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章