JSLite - Accès aux objets
Si vous avez des questions, vous êtes invités à communiquer dans ces lieux, et vous êtes invités à rejoindre l'équipe d'organisation de JSLite.io pour un développement commun !
each
Traverse un objet de collection
JSLite
et exécute une fonction pour chaque élément correspondant. Le mot clé this pointe vers l'élément courant (passé comme deuxième paramètre de la fonction). Si la fonction renvoie false, le parcours se termine.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
map指定匹配元素的集合为的索引的哪一个元素。一个整数,指示元素的位置,以
0
$("div").eq(0)//⇒ 返回数组第一个节点数组 [div#box.boxOne.box2.box3, init: function…] $("div").eq(-1)//⇒ 倒数第一个节点数组 $("div").eq(-2)//⇒ 倒数第二个节点数组
Parcourt tous les objets nœuds de la collection d'objets nœuds et renvoie un nouvel objet de collectionforEach$('form').first()
Similaire à chacun, le parcours forEach ne s'arrêtera pas.eq$("div").get(0)//⇒ 返回节点 <div id="box" class="boxOne box2 box3" ></div>
Spécifie à quel élément de l'index correspond l'ensemble des éléments correspondants. Un entier indiquant la position de l'élément, en baseObtenir le premier élément de la collection d'objets actuelle. first() ⇒ collection0
. eq(index) ⇒ collection eq(-index) ⇒ collection
$("#box").index()//⇒ 4 $("div").index("#box")//⇒ 2 $("div").index($("#box"))//⇒ 2 $("div").index($("#box")[0])//⇒ 2first
Obtenir tous les objets nœuds ou un seul objet nœud dans la collection d'objets actuelle.$("div").indexOf($("#box")[0]) //⇒ 2get
$("img").length;//⇒ 2index