jquery 학습 2 속성 text 및 value (text,val)_jquery

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.

返回值

String

示例

HTML 代码:

Test Paragraph.

Paraparagraph

jQuery 代码:

$("p").text();

结果:

Test Paragraph.Paraparagraph

------------------------------------------------------------------------------------------------------------------------------

text(val)

设置所有匹配元素的文本内容

与 html() 类似, 但将编码 HTML (将 "<" 和 ">" 替换成相应的HTML实体).

Set the text contents of all matched elements.

Similar to html(), but escapes HTML (replace "<" and ">" with their HTML entities).

返回值

jQuery

参数

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

示例

HTML 代码:

Test Paragraph.

jQuery 代码:

$("p").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 代码:

$("p").append(
  "Single: "   + $("#single").val() +
  " Multiple: " + $("#multiple").val().join(", ")
);

结果:

[

Single:SingleMultiple:Multiple, Multiple3

]

获取文本框中的值

HTML 代码:

jQuery 代码:

$("input").val();

结果:

some text

------------------------------------------------------------------------------------------------------------------------------

val(val)

设置每一个匹配元素的值。

在 jQuery 1.2, 这也可以为select元件赋值

일치하는 모든 요소의 값 속성을 설정하세요.

jQuery 1.2에서는 선택 요소의 값도 설정할 수 있지만 적절한 옵션을 선택해야 합니다.

반환값

jQuery

매개변수

val (String): 설정할 값입니다.

예

텍스트 상자 값 설정

HTML 코드:

jQuery 코드:

$("input").val("안녕하세요!")

---------------------------------- --- ---------------------------------- --- -------------

발(val)

체크, 선택, 라디오 등을 사용하여 값을 할당할 수 있습니다.

반환값

jQuery

매개변수

val (Array) : 확인/선택에 사용되는 값

예

선택 및 다중 선택 값 설정

HTML 코드:

싱글
싱글2

< select id="multiple" multiple="multiple">
Multiple
Multiple2
<옵션이 선택됨 ="selected">Multiple3


check1
< input type="checkbox" value="check2"/> check2
radio1
라디오2

jQuery 코드:

$("#single").val("Single2");

$("#multiple").val(["Multiple2", "Multiple3"]);
$("input" ).val(["check2", "radio1"]);