jQuery html() 方法

jQuery HTML/CSS 方法

html()方法獲取或設(shè)置所選元素的內(nèi)容（innerHTML）。

使用html()方法獲取內(nèi)容時，它將返回第一個選定元素的內(nèi)容。

使用html()方法設(shè)置內(nèi)容時，它將覆蓋所有選定元素的內(nèi)容。

注意：使用html()設(shè)置元素的內(nèi)容時，該元素中的所有內(nèi)容都將被新內(nèi)容完全替換。此外，在用新內(nèi)容替換子元素之前，jQuery從子元素中刪除了其他構(gòu)造，例如數(shù)據(jù)和事件處理程序。

使用text()方法僅獲取或設(shè)置所選元素的文本內(nèi)容。

語法：

獲取內(nèi)容：

$(selector).html()

設(shè)定內(nèi)容：

$(selector).html(content)

使用函數(shù)設(shè)置內(nèi)容：

$(selector).html(function(index, currentContent))

示例

單擊按鈕，獲取第一段的內(nèi)容：

$("button").click(function(){
  alert($("p").html());
});

單擊每個段落將返回HTML內(nèi)容：

$("p").click(function(){
  alert($(this).html());
});

更改所有段落的內(nèi)容：

$("button").click(function(){
  $("p").html("我想說: <b>Hello world</b>");
});

使用函數(shù)更改元素內(nèi)容：

$("button").click(function(){
  $("p").html(function(i){
    return "這個p元素的索引: " + i;
  });
});

html()方法和text()方法之間的區(qū)別：

$("#btn1").click(function(){
  $("p").html("我想說: <b>Hello world</b>");
});
$("#btn2").click(function(){
  $("p").text("我想說: <b>Hello world</b>");
});

參數(shù)值

jQuery HTML/CSS 方法