1. 程式人生 > >JQuery中的html(),text(),val()區別

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

1.html()

html():取得第一個匹配元素的html內容。這個函式不能用於XML文件。但可以用於XHTML文件

html(val):設定每一個匹配元素的html內容。這個函式不能用於XML文件。但可以用於XHTML文件。

2.text()

text():取得所有匹配元素的內容。

結果是由所有匹配元素包含的文字內容組合起來的文字。這個方法對HTML和XML文件都有效。

text(val):設定所有匹配元素的文字內容

與 html() 類似, 但將編碼 HTML (將 "<" 和 ">" 替換成相應的HTML實體).

3.val()

val():獲得第一個匹配元素的當前值。

val(val):設定每一個匹配元素的值。

val() 方法返回或設定被選元素的值。元素的值是通過 value 屬性設定的。該方法大多用於 input 元素。(實際一般用於獲取表單的值/賦值)。

如果頁面存在較多相同類的html標籤,且需單獨對其文字值進行修改建議優先使用html()方法。http://pms.jianke.com/data/upload/1/201611/1411190607706map.png

我在計算當前上傳圖片數時,使用的text()方法,在firefox瀏覽器沒有出現問題,但是在chrome瀏覽器有時會出現NAN的情況,後將其改成html()獲取和賦值問題消失。