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