jQuery是目前最流行的JavaScript框架之一，其強(qiáng)大的選擇器和DOM操作能力，讓我們開發(fā)網(wǎng)頁(yè)更加便捷與高效。其中，循環(huán)遍歷操作是開發(fā)中常見的需求，本文將介紹基于jQuery的li循環(huán)操作。

在jQuery中，常用的循環(huán)方法有$.each()和$.map()，$.each()通過遍歷集合中的元素執(zhí)行callback函數(shù)，而$.map()則通過對(duì)每個(gè)元素應(yīng)用callback函數(shù)創(chuàng)建新數(shù)組。

$("ul li").each(function(index, element){
//callback函數(shù)
$(element).addClass("active");
});
//遍歷ul中的每個(gè)li，添加class屬性

上述示例代碼中，$("ul li")即為我們需要遍歷的li元素，其中index為當(dāng)前元素在集合中的索引位置，element為當(dāng)前元素自身，通過$(element)即可獲取當(dāng)前元素的jQuery對(duì)象進(jìn)行操作。

var arr = $("ul li").map(function(index, element){
return $(element).text();
}).toArray();
//遍歷ul中的每個(gè)li，獲取text值，返回為新數(shù)組

對(duì)于$.map()方法示例代碼中，我們通過對(duì)每個(gè)li應(yīng)用callback函數(shù)獲取text值，并返回為一個(gè)新數(shù)組arr。

需要注意的是，在使用$.each()和$.map()方法時(shí)，callback函數(shù)中的this指向的是當(dāng)前循環(huán)到的元素本身，因此我們可以直接調(diào)用$(this)來獲取當(dāng)前元素的jQuery對(duì)象，方便后續(xù)操作。

綜上所述，通過簡(jiǎn)單的$.each()和$.map()方法，我們可以輕松地遍歷操作li元素，實(shí)現(xiàn)前端開發(fā)中的眾多需求。