jQuery添加新內容的四個常用方法分析【append，prepend，after，before】

來源：懂視網責編：小采時間：2020-11-27 21:59:58

jQuery添加新內容的四個常用方法分析【append，prepend，after，before】

jQuery添加新內容的四個常用方法分析【append，prepend，after，before】:本文實例講述了jQuery添加新內容的四個常用方法。分享給大家供大家參考，具體如下：添加新內容的四個 jQuery 方法區別如下： append() - 在被選元素（里面）的結尾插入內容 prepend() - 在被選元素（里面）的開頭插入內容 //jQuery append

推薦度：

點擊下載本文 文檔為doc格式

導讀jQuery添加新內容的四個常用方法分析【append，prepend，after，before】:本文實例講述了jQuery添加新內容的四個常用方法。分享給大家供大家參考，具體如下：添加新內容的四個 jQuery 方法區別如下： append() - 在被選元素（里面）的結尾插入內容 prepend() - 在被選元素（里面）的開頭插入內容 //jQuery append

本文實例講述了jQuery添加新內容的四個常用方法。分享給大家供大家參考，具體如下：

添加新內容的四個 jQuery 方法區別如下：

append() - 在被選元素（里面）的結尾插入內容

prepend() - 在被選元素（里面）的開頭插入內容

//jQuery append() 方法在被選元素的結尾插入內容。
$("p").append("Some appended text.");

//jQuery prepend() 方法在被選元素的開頭插入內容。
$("p").prepend("Some prepended text.");

通過 append() 和 prepend() 方法添加若干新元素

function appendText()
{
var txt1="<p>Text.</p>"; // 以 HTML 創建新元素
var txt2=$("<p></p>").text("Text."); // 以 jQuery 創建新元素
var txt3=document.createElement("p"); // 以 DOM 創建新元素
txt3.innerHTML="Text.";
$("p").append(txt1,txt2,txt3); // 追加新元素
}

after() - 在被選元素（外面）之后插入內容

before() - 在被選元素（外面）之前插入內容

$("img").after("Some text after");

$("img").before("Some text before");

通過 after() 和 before() 方法添加若干新元素

function afterText()
{
var txt1="<b>I </b>"; // 以 HTML 創建新元素
var txt2=$("<i></i>").text("love "); // 通過 jQuery 創建新元素
var txt3=document.createElement("big"); // 通過 DOM 創建新元素
txt3.innerHTML="jQuery!";
$("img").after(txt1,txt2,txt3); // 在 img 之后插入新元素
}

更多關于jQuery相關內容感興趣的讀者可查看本站專題：《jQuery頁面元素操作技巧匯總》、《jQuery常見事件用法與技巧總結》、《jQuery常用插件及用法總結》、《jQuery擴展技巧總結》及《jquery選擇器用法總結》

希望本文所述對大家jQuery程序設計有所幫助。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com