jQuery 菜鳥教程

jQuery 效果

jQuery 操作方法

jQuery 遍歷

jQuery Ajax

jQuery 雜項(xiàng)

jQuery 參考手冊

jQuery 祖先 jQuery 尺寸

jQuery DOM遍歷

jQuery允許我們使用節(jié)點(diǎn)關(guān)系導(dǎo)航DOM樹。

jQuery提供了各種DOM遍歷方法來隨機(jī)選擇文檔中的元素以及順序方法。

什么是DOM遍歷？

DOM遍歷基本上意味著在組成網(wǎng)頁的DOM周圍移動。遍歷DOM時(shí)，可以將文檔樹上移到任何所需的元素。您還可以將層次結(jié)構(gòu)向下移動到給定的子節(jié)點(diǎn)，或移到同級節(jié)點(diǎn)。這使您可以瀏覽HTML頁面，以找到需要收集一些數(shù)據(jù)或進(jìn)行更改的確切位置。

下圖將HTML頁面顯示為樹（DOM樹）。使用jQuery遍歷，您可以從所選元素開始輕松地在樹中向上（祖先），向下（后裔）和側(cè)向（同級）移動。這種移動稱為DOM樹的遍歷-或?qū)Ш?或移動。

DOM HTML樹

從上圖可以看到：

<html>是<head>和<body>的父元素，它是所有元素的祖先
<head>是<title>的父元素，是<html>的子元素
<body>是<h1>和<a>的父元素，是<html>的子元素
<title>是<head>的子元素，是<html>的后代
<h1>是<body>的子元素，是<html>的后代
<a>是<body>的子元素，是<html>的后代
這兩個<h1>和<a>的兄弟同級元素（它們具有共同的父元素），是<html>和<body>的后代。

祖先是父母，祖父母，曾祖父母等等。

后代是孩子，孫子，曾孫等。

兄弟元素是那些共享同一父元素的元素。

遍歷DOM樹

jQuery提供了多種方法來允許我們遍歷DOM。

下一章將向您展示如何在DOM樹中上下移動。

jQuery遍歷參考

有關(guān)完整的遍歷方法參考，請?jiān)L問我們的jQuery遍歷參考。