這篇文章主要為大家展示了jquery html如何添加元素/刪除元素，內(nèi)容簡而易懂，希望大家可以學(xué)習(xí)一下，學(xué)習(xí)完之后肯定會(huì)有收獲的，下面讓小編帶大家一起來看看吧。

成都創(chuàng)新互聯(lián)公司專注于臨翔網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供臨翔營銷型網(wǎng)站建設(shè)，臨翔網(wǎng)站制作、臨翔網(wǎng)頁設(shè)計(jì)、臨翔網(wǎng)站官網(wǎng)定制、微信小程序開發(fā)服務(wù)，打造臨翔網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供臨翔網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

添加元素

添加新的 HTML 內(nèi)容

將學(xué)習(xí)用于添加新內(nèi)容的四個(gè) jQuery 方法：

• append() - 在被選元素的結(jié)尾插入內(nèi)容
• prepend() - 在被選元素的開頭插入內(nèi)容
• after() - 在被選元素之后插入內(nèi)容
• before() - 在被選元素之前插入內(nèi)容

append() 方法

append() 方法在被選元素的結(jié)尾插入內(nèi)容（仍然該元素的內(nèi)部）。

$("p").append("追加文本");

prepend() 方法

prepend() 方法在被選元素的開頭插入內(nèi)容。

$("p").prepend("在開頭追加文本");

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

append() 和 prepend() 方法能夠通過參數(shù)接收無限數(shù)量的新元素。可以通過 jQuery 來生成文本/HTML（就像上面的例子那樣），或者通過 JavaScript 代碼和 DOM 元素。

在下面的例子中，我們創(chuàng)建若干個(gè)新元素。這些元素可以通過 text/HTML、jQuery 或者 JavaScript/DOM 來創(chuàng)建。然后我們通過 append() 方法把這些新元素追加到文本中（對(duì) prepend() 同樣有效）：

function appendText()
{
  var txt1="<p>文本。</p>";       // 使用 HTML 標(biāo)簽創(chuàng)建文本
  var txt2=$("<p></p>").text("文本。"); // 使用 jQuery 創(chuàng)建文本
  var txt3=document.createElement("p");
  txt3.innerHTML="文本。";        // 使用 DOM 創(chuàng)建文本 text with DOM
  $("body").append(txt1,txt2,txt3);    // 追加新元素
}

fter() 和 before() 方法

jQuery after() 方法在被選元素之后插入內(nèi)容。

jQuery before() 方法在被選元素之前插入內(nèi)容。

$("img").after("在后面添加文本");
 
$("img").before("在前面添加文本");

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

after() 和 before() 方法能夠通過參數(shù)接收無限數(shù)量的新元素。可以通過 text/HTML、jQuery 或者 JavaScript/DOM 來創(chuàng)建新元素。

在下面的例子中，我們創(chuàng)建若干新元素。這些元素可以通過 text/HTML、jQuery 或者 JavaScript/DOM 來創(chuàng)建。然后我們通過 after() 方法把這些新元素插到文本中（對(duì) before() 同樣有效）：

function afterText()
{
  var txt1="<b>I </b>";          // 使用 HTML 創(chuàng)建元素
  var txt2=$("<i></i>").text("love ");   // 使用 jQuery 創(chuàng)建元素
  var txt3=document.createElement("big"); // 使用 DOM 創(chuàng)建元素
  txt3.innerHTML="jQuery!";
  $("img").after(txt1,txt2,txt3);     // 在圖片后添加文本
}

jQuery - 刪除元素

刪除元素/內(nèi)容

如需刪除元素和內(nèi)容，一般可使用以下兩個(gè) jQuery 方法：

• remove() - 刪除被選元素（及其子元素）
• empty() - 從被選元素中刪除子元素

remove() 方法

remove() 方法刪除被選元素及其子元素。

$("#div1").remove();

empty() 方法

jQuery empty() 方法刪除被選元素的子元素。

$("#div1").empty();

過濾被刪除的元素

jQuery remove() 方法也可接受一個(gè)參數(shù)，允許對(duì)被刪元素進(jìn)行過濾。

該參數(shù)可以是任何 jQuery 選擇器的語法。

下面的例子刪除 class="italic" 的所有 <p> 元素：

$("p").remove(".italic");

以上就是關(guān)于jquery html如何添加元素/刪除元素的內(nèi)容，如果你們有學(xué)習(xí)到知識(shí)或者技能，可以把它分享出去讓更多的人看到。

網(wǎng)頁標(biāo)題：jqueryhtml如何添加元素/刪除元素
URL分享：http://www.chinadenli.net/article24/gcsgje.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)、品牌網(wǎng)站制作、電子商務(wù)、App開發(fā)、自適應(yīng)網(wǎng)站、網(wǎng)站策劃

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)