jQuery是一款非常流行的JavaScript庫(kù)。它提供了各種各樣的功能，其中一個(gè)非常常見(jiàn)的功能是遍歷DOM。
所謂DOM，即文檔對(duì)象模型。它是一種表示HTML或XML文檔的標(biāo)準(zhǔn)方法。通過(guò)使用jQuery，我們可以輕松地遍歷和操作DOM樹(shù)上的各個(gè)元素。
以下是一個(gè)簡(jiǎn)單的HTML文檔：
<!DOCTYPE html> <html> <head> <title>jQuery DOM遍歷</title> </head> <body> <div id="container"> <p>這是一個(gè)段落</p> <ul class="list"> <li>列表項(xiàng)1</li> <li>列表項(xiàng)2</li> <li>列表項(xiàng)3</li> </ul> <a href="#">鏈接</a> </div> </body> </html>
在jQuery中，我們可以使用一系列選擇器和方法來(lái)遍歷DOM樹(shù)，例如：
// 選擇id為container的元素下的所有p元素
$('#container').find('p')
// 選擇class為list的元素下所有的li元素
$('.list').find('li')
// 選擇第二個(gè)li元素（索引從0開(kāi)始）
$('.list li').eq(1)
// 獲取a元素的href屬性值
$('a').attr('href')
// 修改p元素的文本內(nèi)容
$('p').text('這是新的文本內(nèi)容')如上所示，使用jQuery遍歷DOM非常方便，并且代碼非常簡(jiǎn)潔。無(wú)論是查找元素、修改屬性，還是遍歷整個(gè)DOM樹(shù)，我們都可以輕松地實(shí)現(xiàn)。