幸运蛋蛋pc开奖
這篇文章主要介紹了jQuery添加新內容的四個常用方法,結合實例形式分析了jQuery元素添加append,prepend,after,before四種方法的功能與相關使用,需要的朋友可以參考下

本文實例講述了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程序設計有所幫助。

最新資訊
中興通訊:本次非公開發行股票將于2020年2月3日上市

中興通訊:本次非公開

中興通訊發布公告稱,本次非公開發行股票將于2020年2月3
特斯拉市值超千億 馬斯克領取首份工資

特斯拉市值超千億 馬

特斯拉市值超過千億美元,也標志著特斯拉CEO馬斯克即將
華為開發者大會2020因疫情延期至3月:以直播呈現

華為開發者大會2020因

華為官方宣布,基于新型冠狀病毒感染的肺炎疫情防控形勢
韻達速遞:將對抵達武漢的快件和車輛進行消毒

韻達速遞:將對抵達武漢

韻達發布公告稱,將在武漢及寄達地處理中心對快件與車輛
餓了么:除了醫院及周邊,武漢其他區域照常配送

餓了么:除了醫院及周邊

餓了么發布公告稱,目前在武漢,除了醫院及周邊區域外,其他
京東:過去三天共售出口罩1.26億只

京東:過去三天共售出口

1月23日,京東發布消息,稱1月19日至22日期間,平臺口罩累計
最新文章
jQuery設置下拉框顯示與隱藏效果的方法分析

jQuery設置下拉框顯示

這篇文章主要介紹了jQuery設置下拉框顯示與隱藏效果的
策略模式實現 Vue 動態表單驗證的方法

策略模式實現 Vue 動

策略模式(Strategy Pattern)又稱政策模式,其定義一系列的
Layui Form 自定義驗證的實例代碼

Layui Form 自定義驗

今天小編就為大家分享一篇Layui Form 自定義驗證的實
圖解NodeJS實現登錄注冊功能

圖解NodeJS實現登錄注

這篇文章主要介紹了NodeJS實現登錄注冊功能,本文圖文
基于Layui自定義模塊的使用方法詳解

基于Layui自定義模塊

今天小編就為大家分享一篇基于Layui自定義模塊的使用
layer彈出層自適應高度,垂直水平居中的實現

layer彈出層自適應高

今天小編就為大家分享一篇layer彈出層自適應高度,垂直
幸运蛋蛋pc开奖 山东快乐扑克3开奖结果 二手海王捕鱼主机 做死因能赚钱吗 山东11选5彩票通软件下载 移动棋牌五子棋 2014年071期特码资料 2012雪缘园比分 11选五 甘肃快三遗漏查询 体彩云南11选5走势图