>웹 프론트엔드 >JS 튜토리얼 >jQuery 연구 노트[1] jQuery_jquery의 DOM 작업

jQuery 연구 노트[1] jQuery_jquery의 DOM 작업

WBOY
WBOY원래의
2016-05-16 18:14:581164검색

DOM은 DOM Core, HTML-DOM, CSS-DOM의 세 가지 측면으로 나누어집니다.
1. DOM Core는 DOM을 지원하는 모든 프로그래밍 언어에서 사용할 수 있습니다. 🎜>GetElementById(), getElementsByTagName()... 및 JavaScript의 기타 메소드
예: DOM Core를 사용하여 양식 객체 가져오기:
document.getElementsByTagName("form"); >2, HTML-DOM

HTML 파일용 스크립트를 작성하기 위해 JavaScript와 DOM을 사용할 때 HTML-DOM의 등장은 DOM Core보다 훨씬 더 중요합니다. on에서는 다양한 HTML 요소의 속성을 설명하는 좀 더 간결한 표기법을 제공합니다.
예: HTML-DOM을 사용하여 양식 개체 메서드 가져오기: document.forms //HTML-DOM은 양식 개체를 제공합니다.
3, CSS-DOM

CSS-DOM은 JavaScript에서 CSS-DOM 기술의 주요 기능은 스타일 객체의 다양한 속성을 얻고 설정하는 것입니다. >예: 요소 스타일 객체의 글꼴 색상을 설정하는 방법: element.style.color="red";
아래에서 배울 내용은 다음과 같습니다. jQuery의 DOM 작업: 먼저 DOM 트리를 구축합니다.



코드 복사

코드는 다음과 같습니다. org/1999/xhtml"> < head>
;JQuery에서 DOM 조작<div class="codebody" id="code52189">< ;/head> <br><body> <br><p title="좋아하는 과일을 선택하세요">가장 좋아하는 과일은 무엇인가요?</p> ;li title="사과">사과</li> <br><li title="오렌지">오렌지</li> <br><li title="파인애플">파인애플</li> <br></ul> <br></body> <br></html> <br><br> <br>다음 작업은 모두 이 DOM 트리를 중심으로 이루어집니다.</div>
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.