最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

juqery 學(xué)習(xí)之五 文檔處理 包裹、替換、刪除、復(fù)制

 更新時(shí)間:2011年02月11日 02:01:21   作者:  
這個(gè)函數(shù)的原理是檢查提供的第一個(gè)元素(它是由所提供的HTML標(biāo)記代碼動(dòng)態(tài)生成的),并在它的代碼結(jié)構(gòu)中找到最上層的祖先元素--這個(gè)祖先元素就是包裹元素。
wrap(html)
把所有匹配的元素用其他元素的結(jié)構(gòu)化標(biāo)記包裹起來。
這種包裝對(duì)于在文檔中插入額外的結(jié)構(gòu)化標(biāo)記最有用,而且它不會(huì)破壞原始文檔的語義品質(zhì)。
這個(gè)函數(shù)的原理是檢查提供的第一個(gè)元素(它是由所提供的HTML標(biāo)記代碼動(dòng)態(tài)生成的),并在它的代碼結(jié)構(gòu)中找到最上層的祖先元素--這個(gè)祖先元素就是包裹元素。

當(dāng)HTML標(biāo)記代碼中的元素包含文本時(shí)無法使用這個(gè)函數(shù)。因此,如果要添加文本應(yīng)該在包裹完成之后再行添加。

--------------------------------------------------------------------------------

Wrap all matched elements with a structure of other elements.
This wrapping process is most useful for injecting additional structure into a document, without ruining the original semantic qualities of a document.
This works by going through the first element provided (which is generated, on the fly, from the provided HTML) and finds the deepest ancestor element within its structure -- it is that element that will enwrap everything else.

This does not work with elements that contain text. Any necessary text must be added after the wrapping is done.
返回值
jQuery

參數(shù)
html (String) : HTML標(biāo)記代碼字符串,用于動(dòng)態(tài)生成元素并包裹目標(biāo)元素

示例
把所有的段落用一個(gè)新創(chuàng)建的div包裹起來

HTML 代碼:

<p>Test Paragraph.</p>
jQuery 代碼:

$("p").wrap("<div class='wrap'></div>");
結(jié)果:

<div class="wrap"><p>Test Paragraph.</p></div>
-------------------------------------------------------------------------------------------------------------------------------------------------
wrap(elem)
把所有匹配的元素用其他元素的結(jié)構(gòu)化標(biāo)記包裝起來。

--------------------------------------------------------------------------------

Wrap all matched elements with a structure of other elements.
返回值
jQuery

參數(shù)
elem (Element) : 用于包裝目標(biāo)元素的DOM元素

示例
用ID是"content"的div將每一個(gè)段落包裹起來

HTML 代碼:

<p>Test Paragraph.</p><div id="content"></div>
jQuery 代碼:

$("p").wrap(document.getElementById('content'));
結(jié)果:

<div id="content"><p>Test Paragraph.</p></div><div id="content"></div>
-------------------------------------------------------------------------------------------------------------------------------------------------
wrapAll(html)
將所有匹配的元素用單個(gè)元素包裹起來
這于 '.wrap()' 是不同的,'.wrap()'為每一個(gè)匹配的元素都包裹一次。
這種包裝對(duì)于在文檔中插入額外的結(jié)構(gòu)化標(biāo)記最有用,而且它不會(huì)破壞原始文檔的語義品質(zhì)。

這個(gè)函數(shù)的原理是檢查提供的第一個(gè)元素并在它的代碼結(jié)構(gòu)中找到最上層的祖先元素--這個(gè)祖先元素就是包裝元素。

--------------------------------------------------------------------------------

Wrap all the elements in the matched set into a single wrapper element.
This is different from '.wrap()' where each element in the matched set would get wrapped with an element.
This wrapping process is most useful for injecting additional structure into a document, without ruining the original semantic qualities of a document.

This works by going through the first element provided (which is generated, on the fly, from the provided HTML) and finds the deepest ancestor element within its structure -- it is that element that will enwrap everything else.
返回值
jQuery

參數(shù)
html (String) : TML標(biāo)記代碼字符串,用于動(dòng)態(tài)生成元素并包裝目標(biāo)元素

示例
用一個(gè)生成的div將所有段落包裹起來

HTML 代碼:

<p>Hello</p><p>cruel</p><p>World</p>
jQuery 代碼:

$("p").wrapAll("<div></div>");
結(jié)果:

<div><p>Hello</p><p>cruel</p><p>World</p></div>
-------------------------------------------------------------------------------------------------------------------------------------------------
wrapAll(elem)
將所有匹配的元素用單個(gè)元素包裹起來
這于 '.wrap()' 是不同的,'.wrap()'為每一個(gè)匹配的元素都包裹一次。

--------------------------------------------------------------------------------

Wrap all the elements in the matched set into a single wrapper element.
This is different from '.wrap()' where each element in the matched set would get wrapped with an element.
返回值
jQuery

參數(shù)
elem (Element) : 用于包裝目標(biāo)元素的DOM元素

示例
用一個(gè)生成的div將所有段落包裹起來

HTML 代碼:

<p>Hello</p><p>cruel</p><p>World</p>
jQuery 代碼:

$("p").wrapAll(document.createElement("div"));
結(jié)果:

<div><p>Hello</p><p>cruel</p><p>World</p></div>
-------------------------------------------------------------------------------------------------------------------------------------------------
wrapInner(html)
將每一個(gè)匹配的元素的子內(nèi)容(包括文本節(jié)點(diǎn))用一個(gè)HTML結(jié)構(gòu)包裹起來
這個(gè)函數(shù)的原理是檢查提供的第一個(gè)元素(它是由所提供的HTML標(biāo)記代碼動(dòng)態(tài)生成的),并在它的代碼結(jié)構(gòu)中找到最上層的祖先元素--這個(gè)祖先元素就是包裝元素。

--------------------------------------------------------------------------------

Wrap the inner child contents of each matched element (including text nodes) with an HTML structure.
This wrapping process is most useful for injecting additional structure into a document, without ruining the original semantic qualities of a document. This works by going through the first element provided (which is generated, on the fly, from the provided HTML) and finds the deepest ancestor element within its structure -- it is that element that will enwrap everything else.
返回值
jQuery

參數(shù)
html (String) : HTML標(biāo)記代碼字符串,用于動(dòng)態(tài)生成元素并包裝目標(biāo)元素

示例
把所有段落內(nèi)的每個(gè)子內(nèi)容加粗

HTML 代碼:

<p>Hello</p><p>cruel</p><p>World</p>
jQuery 代碼:

$("p").wrapInner("<b></b>");
結(jié)果:

<p><b>Hello</b></p><p><b>cruel</b></p><p><b>World</b></p>
-------------------------------------------------------------------------------------------------------------------------------------------------
wrapInner(elem)
將每一個(gè)匹配的元素的子內(nèi)容(包括文本節(jié)點(diǎn))用DOM元素包裹起來

--------------------------------------------------------------------------------

Wrap the inner child contents of each matched element (including text nodes) with a DOM element.
返回值
jQuery

參數(shù)
elem (Element) : 用于包裝目標(biāo)元素的DOM元素

示例
把所有段落內(nèi)的每個(gè)子內(nèi)容加粗

HTML 代碼:

<p>Hello</p><p>cruel</p><p>World</p>
jQuery 代碼:

$("p").wrapInner(document.createElement("b"));
結(jié)果:

<p><b>Hello</b></p><p><b>cruel</b></p><p><b>World</b></p>
-------------------------------------------------------------------------------------------------------------------------------------------------
replaceWith(content)
將所有匹配的元素替換成指定的HTML或DOM元素。

--------------------------------------------------------------------------------

Replaces all matched elements with the specified HTML or DOM elements.
返回值
jQuery

參數(shù)
content (String, Element, jQuery) : 用于將匹配元素替換掉的內(nèi)容

示例
把所有的段落標(biāo)記替換成加粗的標(biāo)記。

HTML 代碼:

<p>Hello</p><p>cruel</p><p>World</p>
jQuery 代碼:

$("p").replaceWith("<b>Paragraph. </b>");
結(jié)果:

<b>Paragraph. </b><b>Paragraph. </b><b>Paragraph. </b>
-------------------------------------------------------------------------------------------------------------------------------------------------
replaceAll(selector)
用匹配的元素替換掉所有 selector匹配到的元素。

--------------------------------------------------------------------------------

Replaces the elements matched by the specified selector with the matched elements.
返回值
jQuery

參數(shù)
selector (選擇器) : 用于查找所要被替換的元素

示例
把所有的段落標(biāo)記替換成加粗標(biāo)記

HTML 代碼:

<p>Hello</p><p>cruel</p><p>World</p>
jQuery 代碼:

$("<b>Paragraph. </b>").replaceAll("p");
結(jié)果:

<b>Paragraph. </b><b>Paragraph. </b><b>Paragraph. </b>
-------------------------------------------------------------------------------------------------------------------------------------------------
empty()
刪除匹配的元素集合中所有的子節(jié)點(diǎn)。

--------------------------------------------------------------------------------

Remove all child nodes from the set of matched elements.
返回值
jQuery

示例
把所有段落的子元素(包括文本節(jié)點(diǎn))刪除

HTML 代碼:

<p>Hello, <span>Person</span> <a href="#">and person</a></p>
jQuery 代碼:

$("p").empty();
結(jié)果:

<p></p>
-------------------------------------------------------------------------------------------------------------------------------------------------
remove([expr])
從DOM中刪除所有匹配的元素。
這個(gè)方法不會(huì)把匹配的元素從jQuery對(duì)象中刪除,因而可以在將來再使用這些匹配的元素。

--------------------------------------------------------------------------------

Removes all matched elements from the DOM.
This does NOT remove them from the jQuery object, allowing you to use the matched elements further. Can be filtered with an optional expression.
返回值
jQuery

參數(shù)
expr (String) : (可選) 用于篩選元素的jQuery表達(dá)式

示例
從DOM中把所有段落刪除

HTML 代碼:

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

$("p").remove();
結(jié)果:

how are

--------------------------------------------------------------------------------

從DOM中把帶有hello類的段落刪除

HTML 代碼:

<p class="hello">Hello</p> how are <p>you?</p>
jQuery 代碼:

$("p").remove(".hello");
結(jié)果:

how are <p>you?</p>
-------------------------------------------------------------------------------------------------------------------------------------------------
clone()
克隆匹配的DOM元素并且選中這些克隆的副本。
在想把DOM文檔中元素的副本添加到其他位置時(shí)這個(gè)函數(shù)非常有用。

--------------------------------------------------------------------------------

Clone matched DOM Elements and select the clones.
This is useful for moving copies of the elements to another location in the DOM.
返回值
jQuery

示例
克隆所有b元素(并選中這些克隆的副本),然后將它們前置到所有段落中。

HTML 代碼:

<b>Hello</b><p>, how are you?</p>
jQuery 代碼:

$("b").clone().prependTo("p");
結(jié)果:

<b>Hello</b><p><b>Hello</b>, how are you?</p>
-------------------------------------------------------------------------------------------------------------------------------------------------
clone(true)
元素以及其所有的事件處理并且選中這些克隆的副本
在想把DOM文檔中元素的副本添加到其他位置時(shí)這個(gè)函數(shù)非常有用。

--------------------------------------------------------------------------------

Clone matched DOM Elements, and all their event handlers, and select the clones.
This is useful for moving copies of the elements, and their events, to another location in the DOM.
返回值
jQuery

參數(shù)
true (Boolean) : 設(shè)置為true以便復(fù)制元素的所有事件處理

示例
創(chuàng)建一個(gè)按鈕,他可以復(fù)制自己,并且他的副本也有同樣功能。

HTML 代碼:

<button>Clone Me!</button>
jQuery 代碼:

$("button").click(function(){
$(this).clone(true).insertAfter(this);
});

相關(guān)文章

  • jQuery事件綁定和解綁、事件冒泡與阻止事件冒泡及彈出應(yīng)用示例

    jQuery事件綁定和解綁、事件冒泡與阻止事件冒泡及彈出應(yīng)用示例

    這篇文章主要介紹了jQuery事件綁定和解綁、事件冒泡與阻止事件冒泡及彈出應(yīng)用,結(jié)合實(shí)例形式較為詳細(xì)的分析了jQuery事件綁定、解綁、事件冒泡、阻止冒泡等相關(guān)原理與應(yīng)用技巧,需要的朋友可以參考下
    2019-05-05
  • jquery鏈?zhǔn)讲僮鞯恼_使用方法

    jquery鏈?zhǔn)讲僮鞯恼_使用方法

    jQuery實(shí)現(xiàn)方法的鏈?zhǔn)讲僮魇欠浅H菀椎?。這里給出正確的使用方法
    2014-01-01
  • JQUERY 瀏覽器判斷實(shí)現(xiàn)函數(shù)

    JQUERY 瀏覽器判斷實(shí)現(xiàn)函數(shù)

    JQUERY 瀏覽器判斷實(shí)現(xiàn)函數(shù),如果只是為了判斷瀏覽器不建議用,如果你已經(jīng)用了jquery才用啊,要不沒必要因?yàn)檫@個(gè)小功能,加個(gè)那么大的類庫吧。
    2009-08-08
  • jCallout 輕松實(shí)現(xiàn)氣泡提示功能

    jCallout 輕松實(shí)現(xiàn)氣泡提示功能

    在提交表單前、焦點(diǎn)轉(zhuǎn)移后或者 keyup 時(shí)往往需要對(duì)輸入的文本就行檢驗(yàn),如果輸入內(nèi)容不符合相關(guān)約定則要進(jìn)行提示或警告,有一個(gè)叫 jCallout 的插件可以輕松實(shí)現(xiàn)該功能,該插件基于 jQuery 使用,所以使用前需要添加引用 jQuery
    2013-09-09
  • jQuery語法總結(jié)和注意事項(xiàng)小結(jié)

    jQuery語法總結(jié)和注意事項(xiàng)小結(jié)

    jQuery是繼prototype之后的又一個(gè)優(yōu)秀的Javascript框架,它是一個(gè)簡(jiǎn)潔快速靈活的JavaScript框架,它能讓你在你的網(wǎng)頁上簡(jiǎn)單的操作文檔、處理事件、實(shí)現(xiàn)特效并為Web頁面添加Ajax交互
    2012-11-11
  • JQuery的自定義事件代碼,觸發(fā),綁定簡(jiǎn)單實(shí)例

    JQuery的自定義事件代碼,觸發(fā),綁定簡(jiǎn)單實(shí)例

    下面的代碼是所有它自己的自定義事件觸發(fā)。你可以綁定到這個(gè)自定義事件,并提高它時(shí),你要執(zhí)行的代碼里面綁定。
    2013-08-08
  • ajax的分頁查詢示例(不刷新頁面)

    ajax的分頁查詢示例(不刷新頁面)

    這篇文章主要介紹了ajax的分頁查詢示例(不刷新頁面),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-01-01
  • jQuery EasyUI提交表單驗(yàn)證

    jQuery EasyUI提交表單驗(yàn)證

    這篇文章主要介紹了jQuery EasyUI提交表單驗(yàn)證的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下
    2016-07-07
  • jQuery插件zoom實(shí)現(xiàn)圖片全屏放大彈出層特效

    jQuery插件zoom實(shí)現(xiàn)圖片全屏放大彈出層特效

    jQuery zoom是一款能夠查看相冊(cè)大圖的jQuery彈出層插件,點(diǎn)擊相冊(cè)的縮略圖,就會(huì)彈出該相片對(duì)應(yīng)的大圖,并且?guī)в袀€(gè)性的加載動(dòng)畫,還有上一張下一張按鈕以及關(guān)閉按鈕。使用方法非常簡(jiǎn)單。兼容IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗等瀏覽器。
    2015-04-04
  • 關(guān)于jQuery中的each方法(jQuery到底干了什么)

    關(guān)于jQuery中的each方法(jQuery到底干了什么)

    這篇文章主要介紹了關(guān)于jQuery中的each方法,需要的朋友可以參考下
    2014-03-03

最新評(píng)論

木里| 邵武市| 南宫市| 平乡县| 吴旗县| 礼泉县| 拜城县| 湘西| 托里县| 工布江达县| 隆安县| 乡宁县| 普宁市| 海晏县| 莱州市| 墨脱县| 内乡县| 沅陵县| 丹巴县| 海兴县| 商城县| 五寨县| 奉贤区| 信阳市| 海城市| 石家庄市| 宁波市| 赤水市| 子洲县| 东乡族自治县| 江永县| 乐亭县| 张家港市| 滦平县| 津市市| 阳原县| 雅江县| 新疆| 增城市| 曲阳县| 尼勒克县|