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

이 기사의 예에서는 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 프로그래밍에 도움이 되기를 바랍니다.