Explication détaillée de la méthode jquery de fonctionnement du tableau d'objets elements_jquery

Le code est le suivant :

Copier le code Le code est le suivant :

a
b
c

1. Mauvaise méthode  : Vous ne pouvez pas utiliser la méthode [] pour obtenir le tableau d'objets jquery, comme suit :

Copier le code Le code est le suivant :

$(fonction() {
var div_span = $("#div1 span");
pour (var i = 0; i < div_span.length; i ) {
div_span.[i].html(i);
>
});

Ça ne marche pas.

2. Vous pouvez utiliser la méthode eq() de jquery pour sélectionner :

Copier le code Le code est le suivant :

pour (var i = 0; i < div_span.length; i ) {
div_span.eq(i).html(i);
>

3. Vous pouvez utiliser la méthode each() pour parcourir  :

Copier le code Le code est le suivant :

$(fonction() {
var div_span = $("#div1 span");
var je = 0;
div_span.each( function(){
            $(this).html(i);
          je ;
});
});

Lorsque each() traverse, si vous utilisez $(this), vous obtiendrez un objet jquery. Si vous l'utilisez directement, vous obtiendrez un objet DOM

.

4. Tableau d'objets DOM obtenu par du code js pur, vous pouvez utiliser [] pour obtenir des éléments du tableau

Les trois dernières méthodes sont correctes et la première est fausse. Je l'ai mis en premier parce que je tiens à souligner que vous ne pouvez plus commettre la même erreur à l'avenir, mes amis, veuillez surveiller attentivement.