JQuery屬性與樣式——.html()和.text()

      .html()和.text()

1   .html與.text用于讀取修和改元素的html結構或者文本内容

2   .html()擷取集合中第一個比對元素的HTML内容或設定每一個比對元素的html内容

3.html()的3種方法   

   .html()不傳入值，隻擷取集合中第一個比對元素的HTML内容

   .html(htmlString)設定每一個比對元素的html内容

   .html(function(index,oldhtml))傳回設定HTML内容的一一個函數

4   .html()方法使用的是DOM的innerHTML屬性來處理，是以針對整個HTML内容，不僅僅隻是文本内容

5   .text()得到比對元素集合中每個元素的文本内容結合（包括他們的後代）或設定比對元素集合中每個元素的文本内容為指定的文本内容

6   .text()的方法有3種

   .text()得到比對元素集合中每個元素的合并文本，包括他們的後代

   .text(textString)用于設定比對元素内容的文本

   .text(function(index,text))用來傳回設定文本内容的一個函數

7   .text()結果傳回一個字元串，包括所有比對元素的合并文本

8   .html與.text的不同

   .html處理的是元素内容，.text處理的是文本内容

   .html隻能使用在HTML文檔中，.text在XML和HTML文檔中都能使用

   火狐不支援innerText屬性，用了類似的textContent屬性，而.text可以相容所有的浏覽器

8   .html與.text的相同點

   .html與.text的方法操作是一樣的，隻是在具體針對處理對象不同

   html與text處理的對象隻有一個子文本節點，則結果一樣

本文轉自 拉考的考拉 51CTO部落格，原文連結:http://blog.51cto.com/lakaodekaola/1981842