jquery中empty是不是插入新元素的方法?

empty() 方法從被選元素移除所有內容，包括所有文本和子節(jié)點。

創(chuàng)新互聯建站：公司2013年成立為各行業(yè)開拓出企業(yè)自己的“網站建設”服務，為1000+公司企業(yè)提供了專業(yè)的成都網站建設、成都網站設計、網頁設計和網站推廣服務， 定制制作由設計師親自精心設計，設計的效果完全按照客戶的要求，并適當的提出合理的建議，擁有的視覺效果，策劃師分析客戶的同行競爭對手，根據客戶的實際情況給出合理的網站構架，制作客戶同行業(yè)具有領先地位的。

empty()和remove()標簽的區(qū)別是，empty只移除指定標簽的所有子標簽或者說html，保留當前標簽。remove是連這當前的標簽全部移除。

jquery里使用empty()和html("")有什么區(qū)別?

empty()、html("")和text("")在刪除匹配元素內內容時是一樣的。jQuery源碼中實現有所不同，但效果相同。你可以測試一下

源碼：

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

title無標題文檔/title

script src="../scripts/jquery-1.4.2.min.js" type="text/javascript"/script

script

$(function(){

$('#btnEmpty').click(function(){

$('#aim').empty();

alert("empty()");

});

$('#btnHtml').click(function(){

$('#aim').html("");

alert('html("")');

});

$('#btnText').click(function(){

$('#aim').text("");

alert('text("")');

});

});

/script

/head

body

div id="aim"

ul

li111111111/li

li222222222/li

li333333333/li

li444444444/li

/ul

/div

button id='btnEmpty'empty()/button

button id='btnHtml'html("")/button

button id='btnText'text("")/button

/body

/html

一、html(val):設置每一個匹配元素的html內容。這個函數不能用于XML文檔。但可以用于XHTML文檔。

返回值:jQuery

參數:val (String) : 用于設定HTML內容的值

示例:

HTML 代碼:

div/div

jQuery 代碼:

$("div").html("pHello Again/p");

結果:

[ divpHello Again/p/div ]

二、empty()：刪除匹配的元素集合中所有的子節(jié)點。

返回值：jQuery

示例：把所有段落的子元素（包括文本節(jié)點）刪除

HTML 代碼:

pHello, spanPerson/span a href="#"and person/a/p

jQuery 代碼:

$("p").empty();

結果:

p/p

三、text(val):設置所有匹配元素的文本內容

與 html() 類似, 但將編碼 HTML (將 "" 和 "" 替換成相應的HTML實體).

返回值：jQuery

參數：val (String) : 用于設置元素內容的文本

示例：

HTML 代碼:

pTest Paragraph./p

jQuery 代碼:

$("p").text("bSome/b new text.");

結果:

[ pbSome/b new text./p ]

jquery如何刪除子元素

1、刪除元素和內容，可以通過jquery的remove()和empty()方法，remove()刪除選擇的元素和子元素，empty()只刪除選中元素的子元素。

2、新建一個html頁面，引入jquery.js，頁面body里面添加一個div盒子，div盒子里面添加兩段話，和一個刪除div元素的按鈕，js中調用$（“#div1”）.remove()方法刪除元素。

3、在瀏覽器中打開html頁面之后，可以看到div盒子和兩段話，點擊移除div元素按鈕。

4、點擊移除div元素按鈕之后，可以看到div元素和子元素p都被刪除掉了。

5、將$（“#div1”）.remove()方法注釋掉，使用$（“#div1”）.empty()方法，刪除選擇元素的子元素。

6、可以看到點擊清空div元素按鈕，將div元素的p子元素刪除了。

如何把jQuery清空empty的東西再還原

!DOCTYPE?html

html??lang="en"

head

meta?charset="utf-8"?/

meta?name="renderer"?content="webkit"

meta?http-equiv="X-UA-Compatible"?content="IE=Edge"

titlejquery清空-恢復/title

meta?name="keywords"?content=""?/

meta?name="description"?content=""?/

script?src='jquery-2.0.3.min.js'/script

/head

body

input?type='text'?id='username'/

button?id='empty-btn'清空/button

button?id='recover-btn'恢復/button

/body

script?type="text/javascript"

$(function(){

var?fun?=?{

obj?:?$('#username'),

val?:??'',

empty:?function()?{

var?$self?=?this;

$self.val?=?$self.obj.val();

$self.obj.val('');

},

recover?:?function()?{

var?$self?=?this;

$self.obj.val($self.val);

}

}

$('#empty-btn').bind('click',?function(){

fun.empty();

});

$('#recover-btn').bind('click',?function(){

fun.recover();

});

});

/script

/html

你參考一下！

jquery怎么清空div的子元素？

如需刪除元素和內容，一般可使用以下兩個 jQuery 方法：

remove() - 刪除被選元素（及其子元素）

empty() - 從被選元素中刪除子元素

本文實例講述了jQuery使用empty()方法刪除元素及其所有子元素的方法，分享給大家供大家參考，具體實現方法如下：

$.ajax({

url: "SearchSN.aspx",

data: "SN=" + $("#txtStorageSN").val(),

cache: false,

success: function (html) {

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

$("#showResult").append(html);

$("#showResult").css("color", "red");

}

});

頁面：div id="showResult"/div

$("#showResult").empty();//清除div內容(Div內容是通過aspx頁面進行動態(tài)添加的，需要先清除div內容)

JQuery刪除DOM節(jié)點的方法

本文實例講述了JQuery刪除DOM節(jié)點的方法。分享給大家供大家參考。具體分析如下：

如果文檔中某一個元素多余，那么應將其刪除。JQuery提供了兩種刪除節(jié)點的方法，即remove()和empty()。

HTML

DOM結構如下：

p

class="nm_p"

title="歡迎訪問腳本之家"

歡迎訪問腳本之家/p

ul

class="nm_ul"

li

title='PHP編程'簡單易懂的PHP編程/li

li

title='C編程'簡單易懂的C編程/li

li

title='JavaScript編程'簡單易懂的JavaScript編程/li

li

title='JQuery'簡單易懂的JQuery編程/li

/ul

remove()方法

作用是從DOM中刪除所有匹配的元素，傳入的參數用于根據JQuery表達式來篩選元素。

例如刪除ul節(jié)點中的第2個li元素節(jié)點，JQuery代碼如下：

$(".nm_ul

li:eq(1)").remove();

//

獲取第二個li元素節(jié)點后，將它從網頁中刪除

運行代碼后效果將刪掉第二個節(jié)點。

當某個節(jié)點用remove()方法刪除后，該節(jié)點所包含的所有后代節(jié)點將同時被刪除。這個方法的返回值是一個指向已被刪除的節(jié)點的引用，因此可以在以后再使用這些元素。下面的JQuery代碼說明元素用remove()方法刪除后，還是可以繼續(xù)使用的。

var

$li

=

$("nm_ul

li:eq(1)").remove();

//

獲取第二個li元素節(jié)點后，將它從網頁中刪除。

$li.appendTo("nm_ul");

//

把剛才刪除的又重新添加到ul元素里

//所以，刪除只是從網頁中刪除，在jQuery對象中，這個元素還是存在的，我們可以重新獲取它

可以直接使用appendTo()方法的特性來簡化以上代碼，JQuery代碼如下：

$("nm_ul

li:eq(1)").appendTo("nm_ul");

//appendTo()方法也可以用來移動元素

//移動元素時首先從文檔上刪除此元素，然后將該元素插入得到文檔中的指定節(jié)點

另外remove()方法也可以通過傳遞參數來選擇性地刪除元素，JQuery代碼如下：

//

把li元素中屬性title不等于"菠蘿"的li元素刪除

$("nm_ul

li").remove("li[title!=JQuery]");

empty()方法

嚴格來講，empty()方法并不是刪除節(jié)點，而是清空節(jié)點，它能清空元素中的所有后代節(jié)點。JQuery代碼如下：

$("nm_ul

li:eq(1)").empty();

//

找到第二個li元素節(jié)點后，清空此元素里的內容

當運行代碼后，第2個li元素的內容被清空了，只剩下li標簽默認的符號“.”。

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

分享文章：jquery的empty,jquery概述
當前路徑：http://aaarwkj.com/article36/dssghpg.html

成都網站建設公司_創(chuàng)新互聯，為您提供網頁設計公司、網站導航、Google、靜態(tài)網站、品牌網站建設、企業(yè)網站制作

廣告

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