當(dāng)您在瀏覽器中打開(kāi)任何網(wǎng)頁(yè)時(shí),頁(yè)面的HTML將被加載并在屏幕上可視化呈現(xiàn)。
為了實(shí)現(xiàn)這一點(diǎn),瀏覽器構(gòu)建了該頁(yè)面的文檔對(duì)象模型(DOM),它是其邏輯結(jié)構(gòu)的面向?qū)ο蟮哪P汀?/p>
HTML文檔的DOM可以表示為嵌套的一組框:
DOM表示文檔作為樹(shù)結(jié)構(gòu),其中HTML元素是樹(shù)中的相關(guān)節(jié)點(diǎn)。
節(jié)點(diǎn)可以有子節(jié)點(diǎn)。 同一棵樹(shù)級(jí)別的節(jié)點(diǎn)稱為兄弟姐妹。
jQuery遍歷是用于描述移動(dòng)DOM的過(guò)程,并根據(jù)其與其他元素的關(guān)系來(lái)查找(選擇)HTML元素的術(shù)語(yǔ)。
jQuery可以輕松地遍歷DOM并使用HTML元素。
DOM遍歷
例如,考慮由以下結(jié)構(gòu)表示的HTML:
<html>元素是<body>的父項(xiàng),它是下一個(gè)元素的祖先。
<body>元素是<h1>和<a>元素的父元素。
<h1>和<a>元素是<body>元素和<html>的后代,稱為子元素。
<h1>和<a>元素是兄弟姐妹(他們共享相同的父代)。
比如
祖先是指父母,祖父母,曾祖父母等等。
后代是一個(gè)孩子,孫子,曾孫等等。
兄弟姐妹同享同一個(gè)父母。
了解DOM元素之間的關(guān)系對(duì)于能夠正確遍歷DOM很重要。