JSLite - 物件訪問


如有疑問歡迎到這些地方交流,歡迎加入JSLite.io組織團體共同開發!

each

遍歷一個 JSLite 集合對象,為每個匹配元素執行一個函數。 this關鍵字指向目前item(作為函數的第二個參數傳遞)。如果函數回傳 false,遍歷結束。

$("img").each(function(i){
    this.src = "test" + i + ".jpg";
});
//⇒ 找到所有的img对象给设置src  
//⇒ 返回 [ <img src="test0.jpg" />, <img src="test1.jpg" /> ]

map

遍歷節點物件集合中的所有節點物件傳回一個新的集合物件

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

forEach

#類似each,forEach遍歷不會停止。

//遍历数组
[1,5,2,3].forEach(function(item,index,array){
    console.log(item,index,array)
})
//遍历节点
$("img").forEach(function(item,index,array){
    console.log(item,index,array)
})

eq

指定符合元素的集合為的索引的哪一個元素。一個整數,指示元素的位置,以 0 為基數。 eq(index)  ⇒ collection eq(-index) ⇒ collection

$("div").eq(0)//⇒ 返回数组第一个节点数组 [div#box.boxOne.box2.box3, init: function…]
$("div").eq(-1)//⇒ 倒数第一个节点数组
$("div").eq(-2)//⇒ 倒数第二个节点数组

first

#取得目前物件集合中的第一個元素。 first()   ⇒ collection

$('form').first()

get

#目前物件集合中取得所有節點物件或單一節點物件。

$("div").get(0)//⇒ 返回节点 <div id="box" class="boxOne box2 box3" ></div>

index

取得一個元素的位置。當elemen參數沒有給出時,會傳回當前元素在兄弟節點中的位置。 .index()  //物件中第一個元素相對於它同儕元素的位置 .index(selector)
.index(element)

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

indexOf

在目前取得的節點陣列中取得一個元素在這個陣列的位置。

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

length

物件中元素的個數。

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