jQuery DOM插入節(jié)點(diǎn)操作指南
| 方法 | 描述 | 示例 |
| append() | 向每個(gè)匹配的元素內(nèi)部追加內(nèi)容 |
HTML代碼：<p>我想說(shuō):</p> jQuery代碼： $("p").append("<b>你好</b>"); 結(jié)果： <p>我想說(shuō):<b>你好</b></p> |
| appendTo() |
將所有匹配的元素追加到指定的元素中 。實(shí)際上，使用該方法是顛倒了常規(guī) 的$(A).append(B)的操作，是將A追加到B中。 |
HTML代碼：<p>我想說(shuō):</p> jQuery代碼： $("<b>你好</b>").appendTo("p") 結(jié)果： <p>我想說(shuō):<b>你好</b></p> |
| prepend() | 向每個(gè)匹配的元素內(nèi)部前置內(nèi)容 |
HTML代碼：<p>我想說(shuō):</p> jQuery代碼： $("p").prepend("<b>你好</b>") 結(jié)果： <p><b>你好</b>我想說(shuō)：</p> |
| prependTo() |
將所有匹配的元素前置到指定的元素中 。實(shí)際上，使用該方法是顛倒了 常規(guī)$(A).prepend(B)操作。 |
HTML代碼：<p>我想說(shuō):</p> jQuery代碼： $("<b>你好</b>").prependTo("p") 結(jié)果： <p><b>你好</b>我想說(shuō)：</p> |
| after() | 在每個(gè)匹配的元素后插入內(nèi)容 |
HTML代碼：<p>我想說(shuō):</p> jQuery代碼： $("p").after("<b>你好</b>") 結(jié)果： <p>我想說(shuō)：</p><b>你好</b> |
| insertAfter() |
將所有匹配的元素插入到指定元 素的后面，實(shí)際上，使用該方法 是顛倒了常規(guī)的$(A).after(B)操作 |
HTML代碼：<p>我想說(shuō):</p> jQuery代碼： $("<b>你好</b>").insertAfter("p") 結(jié)果： <p>我想說(shuō)：</p><b>你好</b> |
| before() | 在每個(gè)匹配的元素之前插入內(nèi)容 |
HTML代碼：<p>我想說(shuō):</p> jQuery代碼： $("p").before("<b>你好</b>") 結(jié)果： <b>你好</b><p>我想說(shuō)：</p> |
| insertBefore() |
將所以匹配的元素插入到指 定的元素的前面。實(shí)際上， 使用該方法是顛倒了常規(guī) 的$(A).before(B)的操作。 |
HTML代碼：<p>我想說(shuō):</p> jQuery代碼： $("<b>你好</b>").insertBefore("p") 結(jié)果： <b>你好</b><p>我想說(shuō)：</p> |
以上就是本文的全部?jī)?nèi)容了，希望大家能夠喜歡。
- jQuery中each()、find()和filter()等節(jié)點(diǎn)操作方法詳解(推薦)
- jQuery遍歷DOM節(jié)點(diǎn)操作之filter()方法詳解
- JQuery 選擇器、DOM節(jié)點(diǎn)操作練習(xí)實(shí)例
- jQuery DOM刪除節(jié)點(diǎn)操作指南
- 淺談事件冒泡、事件委托、jQuery元素節(jié)點(diǎn)操作、滾輪事件與函數(shù)節(jié)流
- jQuery中 DOM節(jié)點(diǎn)操作方法大全
- 有關(guān)jquery與DOM節(jié)點(diǎn)操作方法和屬性記錄
- jquery對(duì)dom節(jié)點(diǎn)的操作【推薦】
- JQuery常見(jiàn)節(jié)點(diǎn)操作實(shí)例分析
相關(guān)文章
jQuery 浮動(dòng)導(dǎo)航菜單適合購(gòu)物商品類型的網(wǎng)站
頁(yè)面長(zhǎng)度較大，需要方便快速的在頁(yè)面的不同位置進(jìn)行定位，所以浮動(dòng)菜單逐漸流行了起來(lái)，下面是jQuery浮動(dòng)導(dǎo)航菜單適合購(gòu)物網(wǎng)站商品類型2014-09-09
jquery 驗(yàn)證用戶名是否重復(fù)代碼實(shí)例
這篇文章主要介紹了jquery驗(yàn)證用戶名是否重復(fù)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
下面小編就為大家?guī)?lái)一篇淺談jquery拼接字符串效率比較高的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02
JQuery設(shè)置和去除disabled屬性的5種方法總結(jié)
下面與大家分享下兩種方法設(shè)置disabled屬性以及三種方法移除disabled屬性，感興趣的朋友可以參考下哈，希望對(duì)你有所幫助2013-05-05
JQuery 獲取json數(shù)據(jù)$.getJSON方法的實(shí)例代碼
這篇文章介紹了JQuery 獲取json數(shù)據(jù)$.getJSON方法的實(shí)例代碼，有需要的朋友可以參考一下2013-08-08
jquery實(shí)現(xiàn)可旋轉(zhuǎn)可拖拽的文字效果代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)可旋轉(zhuǎn)可拖拽的文字效果代碼,涉及jquery響應(yīng)鼠標(biāo)事件動(dòng)態(tài)操作頁(yè)面元素樣式的相關(guān)技巧,需要的朋友可以參考下2016-01-01
開(kāi)發(fā)人員利用jQuery代碼不僅能給網(wǎng)站帶來(lái)各種動(dòng)畫(huà)、特效，還會(huì)提高網(wǎng)站的用戶體驗(yàn)。本文總結(jié)了開(kāi)發(fā)者經(jīng)常使用的12個(gè)jQuery代碼片段，大家可以直接拿來(lái)用2015-11-11
這篇文章主要介紹了jQuery判斷元素是否存在的可靠方法,需要的朋友可以參考下2014-05-05
下面小編就為大家?guī)?lái)一篇淺析jquery unbind()方法移除元素綁定的事件。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
JQuery和PHP結(jié)合實(shí)現(xiàn)動(dòng)態(tài)進(jìn)度條上傳顯示
本文給大家介紹JQuery和PHP結(jié)合實(shí)現(xiàn)動(dòng)態(tài)進(jìn)度條上傳顯示功能，本文分步驟給大家介紹的非常詳細(xì)，感興趣的朋友一起看看吧2016-11-11