JSLite - 對(duì)象訪問(wèn)

如有疑問(wèn)歡迎到這些地方交流，歡迎加入JSLite.io組織團(tuán)伙共同開(kāi)發(fā)！

segmentfault社區(qū) | 官方網(wǎng)站 | 官方文檔-更詳細(xì) | Issues

each

遍歷一個(gè) JSLite 集合對(duì)象，為每一個(gè)匹配元素執(zhí)行一個(gè)函數(shù)。this關(guān)鍵字指向當(dāng)前item(作為函數(shù)的第二個(gè)參數(shù)傳遞)。如果函數(shù)返回 false，遍歷結(jié)束。

$("img").each(function(i){
    this.src = "test" + i + ".jpg";
});
//? 找到所有的img對(duì)象給設(shè)置src  
//? 返回 [ <img src="test0.jpg" />, <img src="test1.jpg" /> ]

map

遍歷節(jié)點(diǎn)對(duì)象集合中的所有節(jié)點(diǎn)對(duì)象返回一個(gè)新的集合對(duì)象

$(".box").map(function(index,item){
    return $(this).text()
})
//? 返回 ["12boxOne", "6", "11", "22123456", "7123123"]

forEach

類(lèi)似 each，forEach遍歷不會(huì)停止。

//遍歷數(shù)組
[1,5,2,3].forEach(function(item,index,array){
    console.log(item,index,array)
})
//遍歷節(jié)點(diǎn)
$("img").forEach(function(item,index,array){
    console.log(item,index,array)
})

eq

指定匹配元素的集合為的索引的哪一個(gè)元素。一個(gè)整數(shù)，指示元素的位置，以 0 為基數(shù)。
eq(index) ? collection
eq(-index) ? collection

$("div").eq(0)//? 返回?cái)?shù)組第一個(gè)節(jié)點(diǎn)數(shù)組 [div#box.boxOne.box2.box3, init: function…]
$("div").eq(-1)//? 倒數(shù)第一個(gè)節(jié)點(diǎn)數(shù)組
$("div").eq(-2)//? 倒數(shù)第二個(gè)節(jié)點(diǎn)數(shù)組

first

獲取當(dāng)前對(duì)象集合中的第一個(gè)元素。
first() ? collection

$('form').first()

get

當(dāng)前對(duì)象集合中獲取所有節(jié)點(diǎn)對(duì)象或單個(gè)節(jié)點(diǎn)對(duì)象。

$("div").get(0)//? 返回節(jié)點(diǎn) <div id="box" class="boxOne box2 box3" ></div>

index

獲取一個(gè)元素的位置。當(dāng)elemen參數(shù)沒(méi)有給出時(shí)，返回當(dāng)前元素在兄弟節(jié)點(diǎn)中的位置。
.index() //對(duì)象中第一個(gè)元素相對(duì)于它同輩元素的位置
.index(selector)

.index(element)

$("#box").index()//? 4
$("div").index("#box")//? 2
$("div").index($("#box"))//? 2
$("div").index($("#box")[0])//? 2

indexOf

在當(dāng)前獲取的節(jié)點(diǎn)數(shù)組中獲取一個(gè)元素在這個(gè)數(shù)組的位置。

$("div").indexOf($("#box")[0])
//? 2

length

對(duì)象中元素的個(gè)數(shù)。

$("img").length;
//? 2