用JQuery的text()方法賦值的問題

在textarea元素中，雙標(biāo)簽中的內(nèi)容是textarea默認(rèn)值，就和那個(gè)input中設(shè)置value的值一樣。

創(chuàng)新互聯(lián)建站自2013年創(chuàng)立以來，先為岢嵐等服務(wù)建站，岢嵐等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為岢嵐企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

但是對(duì)于這中網(wǎng)頁上的輸入元素，他們的值在手動(dòng)改了之后就不是默認(rèn)值了。

對(duì)于textarea元素，你用text()方法修改的只是html的值，也就是修改了它的默認(rèn)值（可以在crome瀏覽器下用審查元素查看效果，是html修改了；而修改value就不會(huì)修改html）。

如果沒有修改過的textarea，你用text()修改是能夠看見效果的，因?yàn)楝F(xiàn)在顯示的是默認(rèn)值；

當(dāng)你修改過后，就只能用val()方法去修改它的值了。

還有的默認(rèn)值的區(qū)別是，在表單中有個(gè)元素

input

type="reset"

/

會(huì)重置表單內(nèi)容，就會(huì)變成默認(rèn)值。這個(gè)時(shí)候用text()就對(duì)textarea有用了

jquery 獲取text值

首先，html屬性中有兩個(gè)方法，一個(gè)有參，一個(gè)無參

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

例子：

html頁面代碼：divpHello/p/div

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

結(jié)果：Hello

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

html頁面代碼：div/div

jquery代碼：$("div").html("pNice to meet you/p");

結(jié)果：[ divp Nice to meet you/p/div ]

其次，text屬性中有兩個(gè)方法，一個(gè)有參，一個(gè)無參

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

例子：

html頁面代碼：pbHello/b fine/p

pThank you!/p

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

結(jié)果：HellofineThankyou!

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

html頁面代碼：pTest Paragraph./p

jquery代碼：$("p").text("bSome/b new text.");

結(jié)果:[ pbSome/b new text./p ]

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

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

返回的是一個(gè)String、 array

例子：

html頁面代碼 ：

代碼如下:

p/pbr/

select id="single"

optionSingle/option

optionSingle2/option

/select

select id="multiple" multiple="multiple"

option selected="selected"Multiple/option

optionMultiple2/option

option selected="selected"Multiple3/option

/select

jquery

代碼：$("p").append( "bSingle:/b " + $("#single").val() + "

bMultiple:/b " + $("#multiple").val().join(", "));

結(jié)果:[ pbSingle:/bSinglebMultiple:/bMultiple, Multiple3/p]

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

html頁面代碼：

input type="text"/

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

結(jié)果：hello world!

怎么用JQuery的text()方法賦值？

先分清html()，text()和val()。

舉個(gè)例子：input type="xxx" value="abcd"1234/input

text()輸出標(biāo)簽中間的內(nèi)容：1234。

val()輸出value屬性的值：abcd。

html()輸出整段html：input type="xxx" value="abcd"1234/input。

一般val()一般只作用于表單元素

jquery text()識(shí)別標(biāo)簽

text()方法只能輸出文本：

例如：$('body').text('a herf="#"下載/a');這樣子做的話 會(huì)輸出整個(gè)a標(biāo)簽代碼的

請(qǐng)使用html()方法；例如：$('body').html('a herf="#"下載/a');//這樣就能輸出可點(diǎn)擊的a標(biāo)簽

jQuery怎么得到text文本框的值？

jquery設(shè)置內(nèi)容 - text()、html() 以及 val()

我們將使用前一章中的三個(gè)相同的方法來設(shè)置內(nèi)容：

text() - 設(shè)置或返回所選元素的文本內(nèi)容

html() - 設(shè)置或返回所選元素的內(nèi)容（包括 HTML標(biāo)記）

val() - 設(shè)置或返回表單字段的值

下面的例子演示如何通過 text()、html() 以及 val() 方法來設(shè)置內(nèi)容：

text()、html() 以及 val() 的回調(diào)函數(shù)

上面的三個(gè) jQuery 方法：text()、html() 以及 val()，同樣擁有回調(diào)函數(shù)?；卣{(diào)函數(shù)由兩個(gè)參數(shù)：被選元素列表中當(dāng)前元素的下標(biāo)，以及原始（舊的）值。然后以函數(shù)新值返回您希望使用的字符串。

下面的例子演示帶有回調(diào)函數(shù)的 text() 和 html()：

[JQuery]怎樣獲取和修改文本框的值：

文本框是指

表單中type 為text ，或者是hidden的標(biāo)簽。例如：[html]?view plain?copy

文本框:

input?type="text"?value="text文本框"?name="username"?id="username"/br/

獲取文本：

$("#username").val()

"text文本框"

或者

$("#username").attr("value")

"orangleliu"

設(shè)置文本：

$("#username").val("orangleliu")

jQuery中的text，html，val有什么區(qū)別

3個(gè)都是取元素的內(nèi)容，html()用為讀取和修改元素的HTML標(biāo)簽，.text()用來讀取或修改元素的純文本內(nèi)容，.val()用來讀取或修改表單元素的value值。

個(gè)人以為區(qū)別在于：是哪種類型的元素調(diào)用，不同類型的元素需要使用對(duì)應(yīng)的方法

比如select.text()和select.val()取值是不一樣的，而div.val()則無法取出內(nèi)容，應(yīng)該是div.html()