中文字幕乱码人妻一区二区三区,怡春院久久

當前位置：首頁 > 范文|應用文 > IT技術專欄 > 腳本欄目

jquery文檔處理2

來源：易賢網(wǎng) 閱讀：912 次日期：2014-08-13 16:49:34

溫馨提示：易賢網(wǎng)小編為您整理了“jquery文檔處理2”,方便廣大網(wǎng)友查閱！

jquery第十二課jquery文檔的處理，jquery對文檔處理包括添加內容,替換(修改)內容，刪除，復制等。

參考共用代碼

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD><TITLE>jquery文檔處理</TITLE>

$(function(){

});

</SCRIPT>

<BODY>

<div id="1"><p>jquery文檔處理</p></div>

<p id="forasp">包裹jquery處理</p>

</BODY>

</HTML>

4.jquery文檔處理-包裹

(1).wrap(html);把所有匹配的元素用其他元素的結構化標記包裹起來。HTML標記代碼字符串，用于動態(tài)生成元素并包裹目標元素

舉例$("#cn").wrap("<div></div>"); 結果:<div><p id="cn"></p></div>

(2).wrap(elem); 把所有匹配的元素用其他元素的結構化標記包裝起來。跟上面的不同是參數(shù)用的是Dom對象(不是jquery對象)

$("#forasp").warp(document.getElementById("cn")); 結果<p id="cn"><p id="forasp">包裹jquery處理</p></p>

(3).wrap(fn); 把所有匹配的元素用其他元素的結構化標記包裝起來。 fn返回的必須是結構性的元素

舉例:$("#forasp").wrap(function(){return $("#cn")}); 結果:<p id="cn"><p id="forasp">包裹jquery處理</p></p>

(4).unwrap();這個方法將移出元素的父元素。這能快速取消 .wrap()方法的效果。匹配的元素（以及他們的同輩元素）會在DOM結構上替換他們的父元素。

$("p").unwrap(); 結果返回<p>jquery文檔處理</p><p id="www">包裹</p><p id="forasp">包裹jquery處理</p><p id="cn"></p> 第一個p的div就消失了

(5).wrapAll(html);將所有匹配的元素用單個元素包裹起來,html標記代碼字符串，用于動態(tài)生成元素并包裝目標元素

舉例:$("p").wrapAll("<div></div>"); 將返回<div id="1"><div><p>jquery文檔處理</p></div><p id="www">包裹</p><p id="forasp">包裹jquery處理</p><p id="cn"></p></div></div>,意思是說用div一次將所有的p元素包裹起來

(6).wrapAll(elem);將所有匹配的元素用單個元素包裹起來.這里的elem是Dom元素不是jquery元素.

jquery實例:$("#1").wrapAll("document.createElement('div')"); 返回 <div><div id="1"><p>jquery文檔處理</p></div></div>,如果$("p")則所有的p都將被div包含,跟上面的wrapAll的html一樣.

(7).wrapInner(html);將每一個匹配的元素的子內容(包括文本節(jié)點)用一個HTML結構包裹起來.HTML標記代碼字符串，用于動態(tài)生成元素并包裝目標元素.

舉例:$("p").wrapInner("<b></b>");結果<p><b>jquery文檔處理</b></p><p id="www"><b>包裹</b></p><p id="forasp"><b>包裹jquery處理</b></p><p id="cn"><b></b></p>

(8).wrapInner(elem); 跟wrapAll有類似,不過內容是加到了內部.elem仍然是dom創(chuàng)建的元素,不是jquery

$("p").wrapInner(document.createElement("b")); 跟上面的結果一樣,全部的p被加粗了.

(9).wrapInner(fn);將每一個匹配的元素的子內容(包括文本節(jié)點)用DOM元素包裹起來,生成包裹結構的一個函數(shù).

jquery實例:$("p").wrapInner(function(){return document.createElement("b")}); 結果跟第(7)一樣的.

5.jquery文檔處理-刪除

(1).empty();刪除匹配的元素集合中所有的子節(jié)點,將對應的jquery對象下的所有子節(jié)點全部移除.

$("#1").empty(); 則<div id="1"><p>jquery文檔處理</p></div>就會變成<div id="1"></div>

(2).remove([expr]);從DOM中刪除所有匹配的元素,expr是可選的表達式,這個方法不會把匹配的元素從jQuery對象中刪除，因而可以在將來再使用這些匹配的元素。但除了這個元素本身得以保留之外，其他的比如綁定的事件，附加的數(shù)據(jù)等都會被移除。

$("p").remove();結果是,所有的p刪除了 :<div id="1">

$("p").remove("#forasp");則表示刪除id為forasp的p,其他不變