## Quelle est la différence entre un objet jQuery et un élément DOM ?

Objet jQuery et éléments DOM

La relation entre un objet jQuery et un élément DOM peut prêter à confusion. Décomposons-le.

Objet contre élément DOM

Lorsque jQuery renvoie un élément, il apparaît comme "[object Object]" dans une alerte. À l’inverse, lorsque getElementByID renvoie un élément, il s’affiche sous la forme « [object HTMLDivElement] ». Cette différence d'affichage est due à leurs différents types d'objets : les objets jQuery sont des objets de type tableau qui encapsulent des éléments DOM.

Méthodes

Les fonctions jQuery opèrent sur les objets jQuery, pas les éléments DOM. Pour accéder aux éléments DOM dans une fonction jQuery, utilisez .get() ou indexez directement l'élément :

$("selector")[0] // Accesses the first DOM element in the jQuery object
$("selector").get(0) // Equivalent to the code above
$("selector").get() // Retrieve an array of DOM elements matched by the selector

Plusieurs éléments DOM

Un seul objet jQuery peut représenter plusieurs éléments DOM sélectionnés à l'aide du sélecteur spécifié.

Exemple

Considérez ce code HTML :

<div id="foo"></div>

Les lignes de code suivantes démontrent la relation entre Objets jQuery et éléments DOM :

alert($("#foo")[0]); // Alerts the DOM element
alert($("#foo").get(0)); // Equivalent to the code above
alert(document.getElementById("foo")); // Alerts the DOM element

Les trois lignes renverront le même élément DOM, qui est le div avec l'ID "foo".

Pour plus de détails, reportez-vous au jQuery documentation pour plus d'informations sur l'objet jQuery et .get().

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!