> 웹 프론트엔드 > JS 튜토리얼 > jQuery는 DOM을 작동하여 control_jquery 형식의 값을 얻습니다.

jQuery는 DOM을 작동하여 control_jquery 형식의 값을 얻습니다.

WBOY
풀어 주다: 2016-05-16 16:18:22
원래의
1225명이 탐색했습니다.

이 기사의 예에서는 jQuery가 DOM을 작동하여 양식 컨트롤의 값을 얻는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

HTML 속성과 DOM 속성의 가장 큰 차이점은 아마도 양식 컨트롤의 값일 것입니다. 예를 들어 DOM에 있는 텍스트 입력 상자의 value 속성은 defaultValue라고 하며 DOM에는 value 속성이 없습니다. 옵션 목록(select) 요소의 경우 해당 옵션의 값은 일반적으로 DOM의 selectedIndex 속성을 통해 가져오거나 해당 옵션 요소의 selected 속성을 통해 가져옵니다.

이러한 차이점으로 인해 양식 컨트롤의 값을 가져오고 설정할 때 .attr() 메서드를 사용하지 않는 것이 가장 좋습니다. 옵션 목록은 .prop() 메서드도 사용하지 않는 것이 가장 좋습니다. 그렇다면 무엇을 사용해야 할까요? jQuery에서 제공하는 .val() 메서드를 사용하는 것이 좋습니다.

코드 복사 코드는 다음과 같습니다.
//텍스트 입력 상자의 현재 값을 가져옵니다
var inputValue = $('#my-input').val();
//옵션 목록의 현재 값을 가져옵니다
var selectValue = $('#my-select').val();
8. 라디오 목록 값 설정
$('#my-single-select').val('value3');
/^다중 선택 목록의 값 설정
$('#my-multi-select').val(['value1', 'value2']);

.attr() 및 .prop()와 마찬가지로 .val() 메서드도 함수를 설정 매개변수로 받아들일 수 있습니다. 이 다재다능한 .val() 메서드를 사용하면 웹 개발에 jQuery를 사용할 때 더욱 효율적이라고 느낄 수 있습니다.

이 기사가 모든 사람의 jQuery 프로그래밍에 도움이 되기를 바랍니다.

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿