JSLite オンラインマニュアル
/ JSLite - 對象訪問
JSLite - 對象訪問
如有疑問歡迎到這些地方交流,歡迎加入JSLite.io組織團伙共同開發(fā)!
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é)點對象集合中的所有節(jié)點對象返回一個新的集合對象
$(".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é)點 $("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é)點數(shù)組 [div#box.boxOne.box2.box3, init: function…] $("div").eq(-1)//? 倒數(shù)第一個節(jié)點數(shù)組 $("div").eq(-2)//? 倒數(shù)第二個節(jié)點數(shù)組
first
獲取當(dāng)前對象集合中的第一個元素。 first() ? collection
$('form').first()
get
當(dāng)前對象集合中獲取所有節(jié)點對象或單個節(jié)點對象。
$("div").get(0)//? 返回節(jié)點 <div id="box" class="boxOne box2 box3" ></div>
index
獲取一個元素的位置。當(dāng)elemen參數(shù)沒有給出時,返回當(dāng)前元素在兄弟節(jié)點中的位置。 .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é)點數(shù)組中獲取一個元素在這個數(shù)組的位置。
$("div").indexOf($("#box")[0]) //? 2
length
對象中元素的個數(shù)。
$("img").length;//? 2