jquery의 val 메소드는 무엇을 합니까?

jquery의 val 메서드는 선택한 요소의 값 속성을 반환하거나 설정하는 데 사용됩니다. 값을 반환하는 데 사용되는 경우 이 메서드는 첫 번째 일치 요소의 값 속성 값을 반환하며 해당 구문은 "$( selector).val ()"; 값을 설정하는 데 사용되는 경우 이 메서드는 일치하는 모든 요소의 value 속성 값을 설정하며 구문은 "$(selector).val(value)"입니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, jquery 버전 3.2.1, Dell G3 컴퓨터.

jquery의 val 메서드는 무엇을 합니까?

val() 메서드는 선택한 요소의 value 속성을 반환하거나 설정합니다.

값을 반환하는 데 사용되는 경우:

이 메서드는 일치하는 첫 번째 요소의 값 속성 값을 반환합니다.

값을 설정하는 데 사용되는 경우:

이 방법은 일치하는 모든 요소의 값 속성 값을 설정합니다.

참고: val() 메서드는 일반적으로 HTML 양식 요소와 함께 사용됩니다.

Syntax

반환 값 속성:

$(selector).val()

값 속성 설정:

$(selector).val(value)

함수를 통해 값 속성 설정:

$(selector).val(function(index,currentvalue))

매개변수

값이 필요합니다. 값 속성의 값을 지정합니다.

함수(색인,현재값)는 선택사항입니다. 설정할 값을 반환하는 함수를 지정합니다.

index - 컬렉션에 있는 요소의 인덱스 위치를 반환합니다.

currentvalue - 선택한 요소의 현재 값을 반환합니다.

.html(), .text() 및 .val()의 차이점:

.html(), .text(), .val()은 모두 선택한 요소 콘텐츠를 읽는 데 사용됩니다. html()은 요소의 html 콘텐츠(html 태그 포함)를 읽는 데 사용되며, .text()는 하위 요소를 포함하여 요소의 일반 텍스트 콘텐츠를 읽는 데 사용되며, .val()은 Get을 읽는 데 사용됩니다. 양식 요소의 "값" 값입니다. 그 중 .html() 및 .text() 메소드는 양식 요소에 사용할 수 없으며 .val()은 양식 요소에만 사용할 수 있습니다.

또한 .html() 메소드를 여러 항목에 사용할 경우; 첫 번째 요소만 읽습니다. .val() 메서드는 .html()과 동일합니다. 여러 요소에 적용하면 첫 번째 양식 요소의 "값" 값만 읽을 수 있지만 .text는 () 및 그렇지 않습니다. 마찬가지로 .text()가 여러 요소에 적용되면 선택한 모든 요소의 텍스트 내용이 읽혀집니다.

.html(htmlString), .text(textString) 및 .val(value)은 모두 선택한 요소의 내용을 바꾸는 데 사용됩니다. 세 가지 방법이 동시에 여러 요소에 사용되는 경우 모든 요소가 대체됩니다. 선택한 요소의 내용입니다. .html(), .text() 및 .val()은 모두 콜백 함수의 반환 값을 사용하여 여러 요소의 내용을 동적으로 변경할 수 있습니다.

추천 학습: "jQuery Video Tutorial"

위 내용은 jquery의 val 메소드는 무엇을 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!