>웹 프론트엔드 >JS 튜토리얼 >jquery 객체와 DOM 객체의 차이점 소개_jquery

jquery 객체와 DOM 객체의 차이점 소개_jquery

WBOY
WBOY원래의
2016-05-16 17:26:03784검색

첫 번째 단계, http://www.k99k.com/jQuery_getting_started.html
두 번째 단계, 초보자는 모든 jQuery 선택기를 주의 깊게 읽어야 하며 매우 중요합니다! ! !
(http://shawphy.com/jqueyapi/ 최신 문서는 다음과 같습니다. 다운로드할 수 있는 오프라인 버전도 있습니다.)
세 번째 단계는 jQuery 객체와 일반 DOM 객체의 차이점을 깊이 이해하는 것입니다. 상호 변환은 Q1을 참고하세요.
Q1, js 작성 방법: document.getElementById('save').disabled=true;
jquery에서는 이렇게 씁니다. $("#save").disabled = true ; 작동하지 않는 이유

A, 사실 이것은 전형적인 문제입니다. 왜냐하면 $("#save")에서 나오는 것은 실제로 일반 DOM 객체가 아니라 jQuery 객체이기 때문입니다
이는 초보자에게 흔히 발생하는 문제입니다.
두 가지 해결 방법이 있습니다.
1. JQ 작성 방법 $("#save").attr("disabled","true")를 사용합니다.
2. DOM 작성 방법으로 변환합니다. #save ")[0].disabled=true;
물론 $("#save")[0]는 $("#save").get(0)으로 쓸 수도 있습니다. 반환되는 것은 DOM 요소

$("#save")입니다. eq(0)이 얻는 것은 여전히 ​​jq 객체입니다.
$(dom 객체)는 jq 객체를 얻을 수 있습니다.

Q2, 선택한 체크박스 가져오기
A:
선택한 체크박스 모두 가져오기:
$("input:checkbox:checked")
체크박스 그룹이 선택되었는지 여부 판단 :
if($("input:checkbox:checked").length){}
체크박스가 선택되었는지 확인
if($("input:checkbox").is(":checked " )){}

Q3. 아이디에 []나 .같은 기호가 있는데 어떻게 해야 하나요? 또는 네임스페이스가 있는 xml 태그에 다음이 포함되어 있으면 어떻게 해야 합니까?
A:


$("#id\[1\]")와 같이 이스케이프하는 데 사용됩니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.