Javascript
[jQuery] 제이쿼리와 dom
브라더 코드
2021. 1. 5. 08:01
- DOM(Document Object Model, 문서 객체 모델)
: DOM은 문서 객체 모델 이라는 뜻으로 HTML이나 XML 같은 문서의 요소(태그)들을 조작 가능하도록 객체화시킨 것입니다. <html>이나 <body> 같은 html문서의 태그들을 JavaScript가 이용할 수 있는 객체(object)로 만든 것.
- 제이쿼리 선택자
<div id="test"></div>
위와 같은 객체에 jquery는 $("#test") 로 jquery 객체를 생성한다.
즉 결과값이 DOM이 아니라 jquery 객체라는 말이다.
이때 document.getElementById("test") 와 같은 HTML DOM 객체에 접근하는 방법이 있다.
1. $("#test")[0]
2. $("#test").get(0)
→ 1, 2번은 모두 document.getElementById("test") 와 동일함