当前位置: 澳门新濠3559 > 服务器运维 > 正文

text()取得所有匹配元素的内容,html页面代码

时间:2019-12-26 07:51来源:服务器运维
text()取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。Getthe text contents of all matched elements.The result is a string thatcontains

text()取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。Get the text contents of all matched elements.The result is a string that contains the combined text contents of all matched elements. This method works on both HTML and XML documents.返回值

首先,html属性中有两个方法,一个有参,一个无参 1. 无参html():取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档,返回的是一个String 例子: html页面代码:

String

jquery代码:$; 结果:Hello 2.有参html:设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。返回一个jquery对象 html页面代码:

示例

jquery代码:$.html("

HTML 代码:

Nice to meet you

Test Paragraph.

"); 结果:[

Paraparagraph

Nice to meet you

jQuery 代码:

] 其次,text属性中有两个方法,一个有参,一个无参 1. 无参text():取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。返回的是一个String 例子: html页面代码:

$;

Hello fine

结果:

jquery代码:$; 结果:HellofineThankyou! 2.有参text:设置所有匹配元素的文本内容,与 html() 类似, 但将编码 HTML (将 "" 替换成相应的HTML实体).返回一个jquery对象 html页面代码:

Test Paragraph.Paraparagraph ------------------------------------------------------------------------------------------------------------------------------text设置所有匹配元素的文本内容与 html() 类似, 但将编码 HTML (将 "" 替换成相应的HTML实体).Set the text contents of all matched elements.Similar to html(), but escapes HTML (replace "" with their HTML entities).返回值

Test Paragraph.

text()取得所有匹配元素的内容,html页面代码。jQuery

jquery代码:$.text("Some new text."); 结果:[

参数

Some new text.

val : 用于设置元素内容的文本

] 最后,val()属性中也有两个方法,一个有参,一个无参。 1.无参val():获得第一个匹配元素的当前值。在 jQuery 1.2 中,可以返回任意元素的值了。包括select。如果多选,将返回一个数组,其包含所选的值。 返回的是一个String、 array 例子: html页面代码 : 复制代码 代码如下:
Single Single2 Multiple Multiple2 Multiple3 jquery代码:$.append( "Single: " + $ + " Multiple: " + $.join; 结果:[

示例

Single:SingleMultiple:Multiple, Multiple3

HTML 代码:

] 2.有参val:设置每一个匹配元素的值。在 jQuery 1.2, 这也可以为check,select,radio元件赋值,返回一个jquery对象 html页面代码: jquery代码:$.val; 结果:hello world! ----------------------------------------------------------------- 总结: 1.如果一个对下拉框的标签中的option进行赋值,虽然option有value属性,但是在页面上option的这个value属性并不是负责进行在页面上进行显示的,而真正能在页面上进行显示出来的是option标签之间的文本域。所以给option标签赋值要用html()的方法 2.如果对标签进行赋值,因为input标签中的value属性就是负责在页面上进行显示的,所以要是对Input标签的文本赋值并且在浏览器解析的时候将文本值在浏览器上显示出来,那么就要用val(),属性。

Test Paragraph.

jQuery 代码:

$.text("Some new text.");

结果:

[

Some new text.

] ------------------------------------------------------------------------------------------------------------------------------val()获得第一个匹配元素的当前值。在 jQuery 1.2 中,可以返回任意元素的值了。包括select。如果多选,将返回一个数组,其包含所选的值。Get the content of the value attribute of the first matched element.In jQuery 1.2, a value is now returned for all elements, including selects. For multiple selects an array of values is returned.返回值

String,Array

示例

获得单个select的值和多选select的值。

HTML 代码:

Single Single2 Multiple Multiple2 Multiple3

jQuery 代码:

$.append( "Single: " + $ + " Multiple: " + $.join;

结果:

[

Single:SingleMultiple:Multiple, Multiple3

]

获取文本框中的值

HTML 代码:

jQuery 代码:

$;

结果:

some text ------------------------------------------------------------------------------------------------------------------------------val设置每一个匹配元素的值。在 jQuery 1.2, 这也可以为select元件赋值Set the value attribute of every matched element.In jQuery 1.2, this is also able to set the value of select elements, but selecting the appropriate options.返回值

jQuery

参数

val : 要设置的值。

示例

设定文本框的值

HTML 代码:

jQuery 代码:

$.val; ------------------------------------------------------------------------------------------------------------------------------valcheck,select,radio等都能使用为之赋值返回值

jQuery

参数

val : 用于 check/select 的值

示例

设定一个select和一个多选的select的值

HTML 代码:

Single Single2 Multiple Multiple2 Multiple3
check1 check2 radio1 radio2

jQuery 代码:

$.val;$.val(["Multiple2", "Multiple3"]);$.val;

编辑:服务器运维 本文来源:text()取得所有匹配元素的内容,html页面代码

关键词: