html與text區別

 

相同點：

  獲取匹配到的元素的內容      $("p").text();

 給獲取到的元素更改內容      $("p").html("更改後的p標籤");

 

不一樣點一：

   html()在獲取元素內容時，若是選擇器匹配多於一個的元素，那麼只有第一個匹配元素的 HTML 內容會被獲取。

   text()在獲取元素內容時，結果是由全部匹配元素包含的文本內容組合起來的文本

 

實例：

<p>段落一</p>
<p>段落二<p>


$(function(){
 alert($("p").text());
})

彈出框結果爲： 段落一段落二

 

 

 

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

彈出框內容爲：段落一

 

 

 

不一樣點二：

  html()在獲取內容時，會將其中的其餘標籤也讀取出來

  text()在獲取內容時，會忽略其中的標籤

 

實例：

 

<p><a><i>段落</i></a></p>

 

$(function(){
 alert($("p").text());
})

 

彈出框結果爲：段落

 

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

彈出框結果爲：<a><i>段落</i></a>

 

不一樣點三：

    html()在更改內容時，能夠加入標籤

    text()更改的全是內容

 

實例：

 

$("p").html("<b>test</b>");

網頁上顯示的是加粗的test

 

 

$("p").text("<b>test</b>")

網頁上顯示的是<b>test</>