html(),val(),text()的區別

標籤：

  .html(),.text(),.val() 三種方法都是用來讀取選定元素的內容；

  .html()是用來讀取元素的HTML內容（包括其Html標籤）；

  .text()用來讀取元素的純文字內 容，包括其後代元素；

  .val()是用來讀取表單元素的"value"值。

  其中.html()和.text()方法不能使用在表單元素上,而.val()只能使用在表單元素上;

  另外.html()方法使用在多個元素上時，唯讀取第一個元素；

  .val()方法和.html()相同，如果其應用在多個元素上時，只能讀取第 一個表單元素的"value"值;

  但是.text()和他們不一樣，如果.text()應用在多個元素上時，將會讀取所有選中元素的常值內容。

 

1. 無參html（）：取得第一個匹配元素的html內容。這個函數不能用於XML文檔。但可以用於XHTML文檔，返回的是一個String； eg:hello

2.有參html（val）：設定每一個匹配元素的html內容。這個函數不能用於XML文檔。但可以用於XHTML文檔。返回一個jquery對象； eg:<div><p> Nice to meet you</p></div>

1. 無參text（）：取得所有匹配元素的內容。結果是由所有匹配元素包含的常值內容組合起來的文本。返回的是一個String；  eg:HellofineThankyou!

2.有參text（val）：設定所有匹配元素的常值內容,與 html() 類似, 但將編碼 HTML (將 "<" 和 ">" 替換成相應的HTML實體).返回一個jquery對象；  eg:<p><b>Some</b> new text.</p>

1.無參val（）：獲得第一個匹配元素的當前值。在 jQuery 1.2 中,可以返回任意元素的值了。包括select。如果多選，將返回一個數組，其包含所選的值。

eg: <p><b>Single:</b>Single<b>Multiple:</b>Multiple, Multiple3</p>

2.有參val（val）：設定每一個匹配元素的值。在 jQuery 1.2, 這也可以為check,select,radio元件賦值,返回一個jquery對象  eg:hello world！

     返回的是一個String、 array

 

總結：val()---一般 用在input上，而不用在其他元素，用來擷取input或者是select的值
html()和text()可用在多種元素上，但是html()相當於依據原始碼返回，也就是在返回的內容中會包含各種tag，而text()則相當於是依據頁面顯示返回，返回的內容是出去各種tag之間的內容

html(),val(),text()的區別