jQuery의 가장 강력한 기능 중에 하나는 DOM을 쉽게 순회할 수 있도록 만들어 주는 능력이다. DOM은 일종의 가계도와 같은 계층적 구조를 가지고 있는데, HTML도 다른 마크업 언어들처럼 페이지 내에 존재하는 객체들의 관계를 기술할 때 이 모델을 사용한다. 객체들 간의 관계를 언급할 때, 우리가 가족관계를 표현할 때 사용하는 부모, 자식과 같은 용어들을 동일하게 사용한다.
<html>은 다른 모든 요소들의 최상위 조상.(다른 모든 요소는 <html>의 자손
<html>은 <head>와 <body>의 조상이면서, 이들의 부모
<p>요소들은 <div>의 자식들, <body>와 <html>의 자손들이며, 그들 서로 형제들
출처 - jQuery1.3 자바스크립트 라이브러리
<html>
<head>
<title>the title</title>
</head>
<body>
<div>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<p>This is yet another paragraph.</p>
</div>
</body>
</html>
<head>
<title>the title</title>
</head>
<body>
<div>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<p>This is yet another paragraph.</p>
</div>
</body>
</html>
<html>은 다른 모든 요소들의 최상위 조상.(다른 모든 요소는 <html>의 자손
<html>은 <head>와 <body>의 조상이면서, 이들의 부모
<p>요소들은 <div>의 자식들, <body>와 <html>의 자손들이며, 그들 서로 형제들
출처 - jQuery1.3 자바스크립트 라이브러리
'웹언어 > jQuery' 카테고리의 다른 글
Hello jQuery! (0) | 2012.03.19 |
---|---|
Drag & Drop (0) | 2012.03.19 |
[JQuery]슬라이드(Slider Kit, Sliding contents) (0) | 2012.03.07 |
$(document).ready 와 $(window).load (0) | 2012.03.05 |
Eclipse - Jquery 플러그인 설치 (0) | 2012.03.05 |