English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
jQuery는 노드 관계를 통해 DOM 트리를 탐색할 수 있게 합니다.
jQuery는 문서 중의 요소를 무작위로 선택하고 순서를 정하는 방법을 제공하는 다양한 DOM 탐색 메서드를 제공합니다.
DOM 탐색은 웹 페이지를 구성하는 DOM 주위를 이동하는 것을 의미합니다. DOM을 탐색할 때, 문서 트리를 필요한 요소로 이동할 수 있습니다. 또한, 주어진 자식 노드로 하위 구조를 이동하거나 동급 노드로 이동할 수 있습니다. 이를 통해 HTML 페이지를 탐색하여 데이터를 수집하거나 변경해야 하는 정확한 위치를 찾을 수 있습니다.
아래 그림은 HTML 페이지를 트리(DOM 트리)로 표시합니다. jQuery를 통해 탐색하면 선택된 요소에서 시작하여 트리에서 상위(조상), 하위(자손), 측면(동급)으로 쉽게 이동할 수 있습니다. 이 이동은 DOM 트리 탐색이라고 합니다.-或导航-또는 탐색
또는 이동
상단을 보여주는 방법을 알려드리겠습니다:<html>는 <head>와 <body>의 부모 요소이며, 모든 요소의
조상
<head>는 <title>의 부모 요소이며, <html>의 자식 요소1<body>는 <h
와 <a>의 부모 요소, <html>의 자식 요소
<title>는 <head>의 자식 요소이며, <html>의 자손입니다1<h
는 <body>의 자식 요소이며, <html>의 자손입니다
<a>는 <body>의 자식 요소이며, <html>의 자손입니다1이 두 개의 <h와 <a>의형제 동급 요소
이들은 공통된 부모 요소를 가지고 있으며, <html>와 <body>의 자손입니다。
조상은 부모, 조부모, 고조부모 등입니다。
자손은 자녀, 조카, 조카의 자녀 등입니다。
DOM 트리 탐색
jQuery는 DOM을 탐색할 수 있는 여러 가지 방법을 제공합니다。
다음 장에서 DOM 트리에서 상하로 이동하는 방법을 설명하겠습니다。추가적인 탐색 메서드에 대한 정보는 우리의 사이트를 방문하세요jQuery 탐색 참조