jquery中能獲取數(shù)組的值。獲取方法:1、利用each()方法來(lái)遍歷指定數(shù)組,語(yǔ)法為“$.each(需要遍歷的數(shù)組,指定用于循環(huán)執(zhí)行的函數(shù))”;2、在指定的循環(huán)函數(shù)內(nèi)利用“append(value)”獲取數(shù)組的值。
本教程操作環(huán)境:windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。
jquery能獲取數(shù)組的值嗎
在jquery中,通過(guò)each()方法來(lái)遍歷數(shù)組,從而獲得數(shù)組中的值
新建一個(gè)html文件,命名為test.html,用于講解jquery遍歷數(shù)組,獲取數(shù)組中的值。
引入jquery.min.js庫(kù)文件,成功加載該文件,才能使用jquery中的方法。使用div創(chuàng)建一個(gè)模塊,并設(shè)置它的id為output,用于將數(shù)組中的值輸出在div內(nèi)。
在js標(biāo)簽中,定義一個(gè)myArray數(shù)組變量,數(shù)組內(nèi)有三個(gè)值,分別為“Athens”,“Belgrade”,“Cairo”。
使用$.each()方法遍歷myArray數(shù)組,該方法內(nèi)第一個(gè)參數(shù)為數(shù)組變量,第二個(gè)參數(shù)是function方法,其中index為數(shù)組索引,value為數(shù)組的值。
通過(guò)id(output)獲得div對(duì)象,使用append()方法將數(shù)組的值以段落形式輸出在頁(yè)面上。
在瀏覽器打開test.html文件,查看結(jié)果。
總結(jié):
1、創(chuàng)建一個(gè)test.html文件。
2、在文件內(nèi),用div創(chuàng)建一個(gè)模塊。
3、在js標(biāo)簽內(nèi),定義一個(gè)myArray數(shù)組變量,數(shù)組內(nèi)有三個(gè)值。
4、在js標(biāo)簽中,使用$.each()方法遍歷myArray數(shù)組,通過(guò)獲得div對(duì)象,使用append()方法將數(shù)組的值以段落形式輸出在頁(yè)面上。
注意事項(xiàng)
$.each()方法第一個(gè)參數(shù)為數(shù)組,第二個(gè)參數(shù)是function方法。
相關(guān)視頻教程推薦:jQuery視頻教程