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

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

創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供老邊網站建設、老邊做網站、老邊網站設計、老邊網站制作等企業(yè)網站建設、網頁設計與制作、老邊企業(yè)網站模板建站服務，10余年老邊做網站經驗，不只是建網站，更提供有價值的思路和整體網絡服務。

源碼：

!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內容。這個函數(shù)不能用于XML文檔。但可以用于XHTML文檔。

返回值:jQuery

參數(shù):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

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

示例：

HTML 代碼:

pTest Paragraph./p

jQuery 代碼:

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

結果:

[ pbSome/b new text./p ]

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

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

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

如何把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中empty()方法刪除子元素，

因為他的定義就是這樣啊

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

JQuery empty方法和remove方法的區(qū)別

empty選中你要移除元素的父級元素，將其內容設置為空；remove是選中你要移除的元素本身，移除自己；從效果上來看沒什么不同，實現(xiàn)方式不一樣而已

jquery怎么清空div的子元素

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

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

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

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

$.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內容)