JSLite - オブジェクトアクセス

ご質問がある場合は、これらの場所でコミュニケーションを取ることを歓迎します。また、共同開発のために JSLite.io 組織チームに参加することも歓迎します。

each

JSLite コレクション オブジェクトをトラバースし、一致する要素ごとに関数を実行します。 this キーワードは、現在の項目 (関数の 2 番目のパラメーターとして渡されます) を指します。関数が 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