jquery中html、val與text三者屬性取值的聯(lián)系與區(qū)別介紹_jquery

1. 無參html（）：取得第一個匹配元素的html內(nèi)容。這個函數(shù)不能用于XML文檔。但可以用于XHTML文檔，返回的是一個String

例子：

html頁面代碼：

Hello

jquery代碼：$("div").html();

結(jié)果：Hello

2.有參html（val）：設(shè)置每一個匹配元素的html內(nèi)容。這個函數(shù)不能用于XML文檔。但可以用于XHTML文檔。返回一個jquery對象

html頁面代碼：

jquery代碼：$("div").html("

Nice to meet you

結(jié)果：[

Nice to meet you

其次，text屬性中有兩個方法，一個有參，一個無參

1. 無參text（）：取得所有匹配元素的內(nèi)容。結(jié)果是由所有匹配元素包含的文本內(nèi)容組合起來的文本。返回的是一個String

例子：

html頁面代碼：

Hello fine

Thank you!

jquery代碼：$("p").text();

結(jié)果：HellofineThankyou!

2.有參text（val）：設(shè)置所有匹配元素的文本內(nèi)容,與 html() 類似, 但將編碼 HTML (將 "<" 和 ">" 替換成相應(yīng)的HTML實(shí)體).返回一個jquery對象

html頁面代碼：

Test Paragraph.

jquery代碼：$("p").text("Some new text.");

結(jié)果:[

Some new text.

最后，val（）屬性中也有兩個方法，一個有參，一個無參。

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

返回的是一個String、 array

例子：

html頁面代碼 ：
代碼如下:



Single
Single2


Multiple
Multiple2
Multiple3


jquery代碼：$("p").append( "Single: " + $("#single").val() + " Multiple: " + $("#multiple").val().join(", "));

結(jié)果:[

Single:SingleMultiple:Multiple, Multiple3

2.有參val（val）：設(shè)置每一個匹配元素的值。在 jQuery 1.2, 這也可以為check,select,radio元件賦值,返回一個jquery對象

html頁面代碼：

jquery代碼：$("input").val("hello world!");

結(jié)果：hello world!

-----------------------------------------------------------------

總結(jié)：

1.如果一個對下拉框的標(biāo)簽中的option進(jìn)行賦值，雖然option有value屬性，但是在頁面上option的這個value屬性并不是負(fù)責(zé)進(jìn)行在頁面上進(jìn)行顯示的，而真正能在頁面上進(jìn)行顯示出來的是option標(biāo)簽之間的文本域。所以給option標(biāo)簽賦值要用html()的方法

2.如果對

標(biāo)簽進(jìn)行賦值，因?yàn)閕nput標(biāo)簽中的value屬性就是負(fù)責(zé)在頁面上進(jìn)行顯示的，所以要是對Input標(biāo)簽的文本賦值并且在瀏覽器解析的時候?qū)⑽谋局翟跒g覽器上顯示出來，那么就要用val()，屬性。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com