在jquery中val,text,html都能取到值,或加一個參數(shù)來賦值,那么它們有些什么區(qū)別?下面我們來舉例說明：
首先，html屬性中有兩個方法，一個有參，一個無參
1. 無參html（）：取得第一個匹配元素的html內(nèi)容。這個函數(shù)不能用于XML文檔。但可以用于XHTML文檔，返回的是一個String
例子：
html頁面代碼：<div><p>Hello</p></div>
jquery代碼：$("div").html();
結(jié)果：Hello
2.有參html（val）：設(shè)置每一個匹配元素的html內(nèi)容。這個函數(shù)不能用于XML文檔。但可以用于XHTML文檔。返回一個jquery對象
html頁面代碼：<div></div>
jquery代碼：$("div").html("<p>Nice to meet you</p>");
結(jié)果：[ <div><p> Nice to meet you</p></div> ]

其次，text屬性中有兩個方法，一個有參，一個無參
1. 無參text（）：取得所有匹配元素的內(nèi)容。結(jié)果是由所有匹配元素包含的文本內(nèi)容組合起來的文本。返回的是一個String
例子：
html頁面代碼：<p><b>Hello</b> fine</p>
<p>Thank you!</p>
jquery代碼：$("p").text();
結(jié)果：HellofineThankyou!

2.有參text（val）：設(shè)置所有匹配元素的文本內(nèi)容, 與 html() 類似, 但將編碼 HTML (將 "<" 和 ">" 替換成相應(yīng)的HTML實(shí)體).返回一個jquery對象
html頁面代碼：<p>Test Paragraph.</p>
jquery代碼：$("p").text("<b>Some</b> new text.");
結(jié)果:[ <p><b>Some</b> new text.</p> ]

最后，val（）屬性中也有兩個方法，一個有參，一個無參。
1.無參val（）：獲得第一個匹配元素的當(dāng)前值。在 jQuery 1.2 中,可以返回任意元素的值了。包括select。如果多選，將返回一個數(shù)組，其包含所選的值。
返回的是一個String、 array
例子：
html頁面代碼 ：

jquery代碼：$("p").append( "<b>Single:</b> " + $("#single").val() + " <b>Multiple:</b> " + $("#multiple").val().join(", "));
結(jié)果:[ <p><b>Single:</b>Single<b>Multiple:</b>Multiple, Multiple3</p>]
2.有參val（val）：設(shè)置每一個匹配元素的值。在 jQuery 1.2, 這也可以為check,select,radio元件賦值,返回一個jquery對象
html頁面代碼：
<input type="text"/>
jquery代碼：$("input").val("hello world!");
結(jié)果：hello world!

最新評論