JSLite - 對象訪問

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

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

each

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

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

map

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

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

forEach

類似 each，forEach遍歷不會停止。

//遍歷數(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

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

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

first

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

$('form').first()

get

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

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

index

獲取一個元素的位置。當(dāng)elemen參數(shù)沒有給出時，返回當(dāng)前元素在兄弟節(jié)點(diǎn)中的位置。
.index() //對象中第一個元素相對于它同輩元素的位置
.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ù)組中獲取一個元素在這個數(shù)組的位置。

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

length

對象中元素的個數(shù)。

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