jquery的text的简单介绍

用JQuery的text()方法赋值的问题

在textarea元素中，双标签中的内容是textarea默认值，就和那个input中设置value的值一样。

创新互联建站自2013年创立以来，先为岢岚等服务建站，岢岚等地企业，进行企业商务咨询服务。为岢岚企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

但是对于这中网页上的输入元素，他们的值在手动改了之后就不是默认值了。

对于textarea元素，你用text()方法修改的只是html的值，也就是修改了它的默认值（可以在crome浏览器下用审查元素查看效果，是html修改了；而修改value就不会修改html）。

如果没有修改过的textarea，你用text()修改是能够看见效果的，因为现在显示的是默认值；

当你修改过后，就只能用val()方法去修改它的值了。

还有的默认值的区别是，在表单中有个元素

input

type="reset"

/

会重置表单内容，就会变成默认值。这个时候用text()就对textarea有用了

jquery 获取text值

首先，html属性中有两个方法，一个有参，一个无参

1. 无参html（）：取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档，返回的是一个String

例子：

html页面代码：divpHello/p/div

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

结果：Hello

2.有参html（val）：设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。返回一个jquery对象

html页面代码：div/div

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

结果：[ divp Nice to meet you/p/div ]

其次，text属性中有两个方法，一个有参，一个无参

1. 无参text（）：取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。返回的是一个String

例子：

html页面代码：pbHello/b fine/p

pThank you!/p

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

结果：HellofineThankyou!

2.有参text（val）：设置所有匹配元素的文本内容, 与 html() 类似, 但将编码 HTML (将 "" 和 "" 替换成相应的HTML实体).返回一个jquery对象

html页面代码：pTest Paragraph./p

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

结果:[ pbSome/b new text./p ]

最后，val（）属性中也有两个方法，一个有参，一个无参。

1.无参val（）：获得第一个匹配元素的当前值。在 jQuery 1.2 中,可以返回任意元素的值了。包括select。如果多选，将返回一个数组，其包含所选的值。

返回的是一个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(", "));

结果:[ pbSingle:/bSinglebMultiple:/bMultiple, Multiple3/p]

2.有参val（val）：设置每一个匹配元素的值。在 jQuery 1.2, 这也可以为check,select,radio元件赋值,返回一个jquery对象

html页面代码：

input type="text"/

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

结果：hello world!

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

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

举个例子：input type="xxx" value="abcd"1234/input

text()输出标签中间的内容：1234。

val()输出value属性的值：abcd。

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

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

jquery text()识别标签

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

例如：$('body').text('a herf="#"下载/a');这样子做的话 会输出整个a标签代码的

请使用html()方法；例如：$('body').html('a herf="#"下载/a');//这样就能输出可点击的a标签

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

jquery设置内容 - text()、html() 以及 val()

我们将使用前一章中的三个相同的方法来设置内容：

text() - 设置或返回所选元素的文本内容

html() - 设置或返回所选元素的内容（包括 HTML标记）

val() - 设置或返回表单字段的值

下面的例子演示如何通过 text()、html() 以及 val() 方法来设置内容：

text()、html() 以及 val() 的回调函数

上面的三个 jQuery 方法：text()、html() 以及 val()，同样拥有回调函数。回调函数由两个参数：被选元素列表中当前元素的下标，以及原始（旧的）值。然后以函数新值返回您希望使用的字符串。

下面的例子演示带有回调函数的 text() 和 html()：

[JQuery]怎样获取和修改文本框的值：

文本框是指

表单中type 为text ，或者是hidden的标签。例如：[html] view plain copy

文本框:

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

获取文本：

$("#username").val()

"text文本框"

或者

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

"orangleliu"

设置文本：

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

jQuery中的text，html，val有什么区别

3个都是取元素的内容，html()用为读取和修改元素的HTML标签，.text()用来读取或修改元素的纯文本内容，.val()用来读取或修改表单元素的value值。

个人以为区别在于：是哪种类型的元素调用，不同类型的元素需要使用对应的方法

比如select.text()和select.val()取值是不一样的，而div.val()则无法取出内容，应该是div.html()