Différence :eq et .eq

fdusautoir
Javascript

Bonsoir,

J'aimerai saisir la différence entre :eq et .eq
Quelqu'un pourrait il me fournir un exemple mettant bien en évidence l'utilisation propre à chacune de ces méthodes ?

Merci ;)

2 réponses

MrGuillou

Hello,
Tu est sur qu'il y a une fonction seq, car j'ai rien croisé dans la doc.

Quant à la fonction eq, elle est la pour réduire le nombre de résultat à un seul. Exemple après un each

<div> test 1 </div>
<div> test 2 </div>
<div> test 3 </div>
<div> test 4 </div>

$('div').each(function(){
    $(this).eq().text(); //retourne test 1
    $(this).eq(3).text(); // retourne test 4
});

ou même plus simplement 

$('div').eq(3).text(); //retourne test 4
fdusautoir
Auteur

Tout simplement en reprenant l'exemple donné, si je met ceci :

$("div").eq(2).css("color","red");

ou que je mets ceci avec le selecteur : 

$("div:eq(2)").css("color","red");

J'arrive au même résultat. Et donc pour ma part, différencier les deux méthodes devient difficile étant donné qu'elles permettent toutes les deux d'accèder à un élèment ciblé du DOM. Quelle est la suptilité entre les deux ?