2023學(xué)年完整公開(kāi)課版each方法遍歷

each方法遍歷北京電子科技職業(yè)學(xué)院遍歷元素一遍歷數(shù)組二遍歷對(duì)象三目錄Contents遍歷元素1遍歷元素each()方法主要用于對(duì)選擇器中的元素進(jìn)行遍歷。基本語(yǔ)法：$(selector).each(function(index,element))參數(shù)描述function(index,element)必需。為每個(gè)匹配元素規(guī)定運(yùn)行的函數(shù)。index

-選擇器的index位置。element

-當(dāng)前的元素（也可使用"this"選擇器）。對(duì)于標(biāo)記的屬性而言，可以利用each()方法配合關(guān)鍵字來(lái)獲取或者設(shè)置選擇器中每個(gè)元素相對(duì)應(yīng)的屬性值。遍歷元素程序舉例：$("li").each(function(){alert($(this).text())});程序解析：利用$(“l(fā)i”)獲取頁(yè)面中所有l(wèi)i元素的集合，然后通過(guò)each()方法遍歷所有l(wèi)i元素，通過(guò)this關(guān)鍵字對(duì)li元素的文本進(jìn)行打印。遍歷數(shù)組2遍歷數(shù)組在JavaScript編程中可以說(shuō)一切變量都是對(duì)象，例如字符串、日期和數(shù)值等，jQuery提供了一些便捷的方法來(lái)處理相關(guān)的對(duì)象，對(duì)于JavaScript的數(shù)組或者對(duì)象，可以使用$.each()方法進(jìn)行遍歷?；菊Z(yǔ)法：$.each(object,fn)其中object為需要遍歷的對(duì)象，fn為object中每個(gè)元素都執(zhí)行的函數(shù)。其中函數(shù)fn可以接受兩個(gè)參數(shù)，第1個(gè)參數(shù)為數(shù)組元素的序號(hào)或者是對(duì)象的屬性，第2個(gè)參數(shù)為元素或者屬性的值。遍歷數(shù)組varaArray=[“one”,”two”,”three”,”four”,”five”];$.each(aArray,function(index,value){document.write(“序號(hào)”+index+”值”+value+”<br>”);})程序解析：定義了數(shù)組aArray，使用each方法實(shí)現(xiàn)數(shù)組元素和下標(biāo)的遍歷。遍歷對(duì)象3遍歷對(duì)象對(duì)于不熟悉的對(duì)象，用$.each()也能很好的獲取其中的屬性值。varobj={one:1,two:2,three:3,four:4,five:5};text="Object";$.each(obj,function(i,val){text=text+"Key:"+i+",Value:"+val;});console.log(text);