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()
本文名称:jquery的text的简单介绍
文章转载:http://pwwzsj.com/article/hoseps.html