jQuery에는 .val() 메소드가 있는데, 주로 입력, 선택, 텍스트 영역 등 양식 요소의 값을 처리하는 데 사용됩니다.
val() 메소드
val()에는 매개변수가 없으며, 일치하는 요소 집합에서 첫 번째 요소의 현재 값을 가져옵니다.
val( value ), 일치하는 요소 집합에서 각 요소의 값을 설정합니다.
val(함수), 설정된 값을 반환하는 데 사용되는 함수
참고:
.val()을 통해 선택 요소를 처리합니다. 선택 항목이 선택되지 않으면 null을 반환합니다.
val() 메서드는 주로 설정에 사용됩니다. Value 형식의 필드
val 메서드를 사용하는 방법에 대한 구체적인 예를 살펴보겠습니다
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<select id="see">
<option>php 中文网</option>
<option>php.cn</option>
<option>小猪 CMS</option>
</select>
<p></p>
<script type="text/javascript">
$("p").text($('#see').val());
</script>
</body>
</html>입력 값을 변경하는 방법을 살펴보겠습니다
코드는 다음과 같습니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<input type="text" value="php 中文网" id="ipt">
<script type="text/javascript">
$("#ipt").val("php.cn");
</script>
</body>
</html>html (), text() 및 val() 차이점 요약:
.html(), .text() 및 .val()은 모두 선택한 요소의 내용을 읽는 데 사용됩니다. .html()만 사용됩니다. 요소의 html 콘텐츠(html 태그 포함)를 읽으려면 text()를 사용하여 하위 요소를 포함하여 요소의 일반 텍스트 콘텐츠를 읽고, val()을 사용하여 양식의 "값" 값을 읽습니다. 요소. html() 및 text() 메서드는 양식 요소에 사용할 수 없으며 val()은 양식 요소에만 사용할 수 있습니다. 또한 html() 메서드를 여러 요소에 사용하는 경우 첫 번째 요소만 읽습니다. val() 메소드는 .html()과 동일합니다. 여러 요소에 적용할 경우 첫 번째 양식 요소의 "값" 값만 읽을 수 있지만 .text()는 그와 다릅니다. ) 여러 요소에 적용하면 선택한 모든 요소의 텍스트 내용을 읽습니다.
html(htmlString), text(textString) 및 val(value)은 모두 선택한 요소의 내용을 바꾸는 데 사용됩니다. 세 가지 방법을 동시에 여러 요소에 사용하면 선택한 모든 요소의 내용이 바뀝니다. 요소.
html(), text() 및 val()은 모두 콜백 함수의 반환 값을 사용하여 여러 요소의 내용을 동적으로 변경할 수 있습니다.
다음 섹션