JSLite - 객체 액세스

궁금한 점이 있으시면 이런 곳에서 소통하셔도 좋고, 공동 개발을 위해 JSLite.io 조직팀에 합류하셔도 좋습니다!

each

JSLite 컬렉션 개체를 탐색하고 일치하는 각 요소에 대해 함수를 실행합니다. this 키워드는 현재 항목(함수의 두 번째 매개변수로 전달됨)을 가리킵니다. 함수가 false를 반환하면 순회가 종료됩니다. 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

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

노드 개체 컬렉션의 모든 노드 개체를 탐색하고 새 컬렉션 개체를 반환합니다.

$('form').first()

each와 유사합니다. forEach 순회는 멈추지 않습니다.

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

일치하는 요소 집합이 인덱스의 어떤 요소인지 지정합니다. 기본 0에서 요소의 위치를 ​​나타내는 정수입니다. eq(인덱스) ⇒ 수집 eq(-index) ⇒ collection

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

first

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

get

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

index