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