jQuery是目前最流行的JavaScript庫(kù)之一,其中一個(gè)重要的特性就是遍歷。在jQuery中,使用each()函數(shù)可以對(duì)元素進(jìn)行遍歷,同時(shí)each()函數(shù)的回調(diào)函數(shù)中的this指向的是當(dāng)前遍歷的元素。
//示例代碼 $("li").each(function() { console.log(this.textContent); });
在上面的代碼中,我們使用$("li")來(lái)選取所有l(wèi)i元素,然后調(diào)用each()函數(shù)進(jìn)行遍歷。each()函數(shù)中的回調(diào)函數(shù)用來(lái)處理每一個(gè)遍歷到的li元素,我們這里用console.log()輸出每個(gè)li元素的textContent屬性,這個(gè)屬性是li元素中的文本內(nèi)容。
在回調(diào)函數(shù)中,我們使用this來(lái)獲取當(dāng)前遍歷的li元素。當(dāng)然,this并不是一個(gè)普通的JavaScript對(duì)象,而是一個(gè)jQuery對(duì)象,也就是包裝了DOM元素的對(duì)象。因此,我們可以使用jQuery的方法對(duì)this進(jìn)行操作。
//示例代碼 $("li").each(function() { $(this).addClass("highlight"); });
在上面的代碼中,我們使用$this.addClass("highlight")把當(dāng)前遍歷的li元素添加一個(gè)highlight樣式類。
總之,在jQuery的遍歷中,this指向的是當(dāng)前遍歷的元素,我們可以使用this來(lái)操作當(dāng)前元素,但需要注意,this并不是一個(gè)普通的DOM元素,而是一個(gè)jQuery對(duì)象。