Document.getElementById vs jQuery $() : qui renvoie un type d'objet différent ?

document.getElementById vs jQuery $() : Comprendre les différences

Les extraits de code fournis soulèvent la question de savoir si ces deux méthodes, documentent .getElementById() et jQuery $(), sont équivalents pour récupérer des éléments.

document.getElementById('contents') vs $('#contents')

Lors de l'utilisation de JavaScript simple, document.getElementById() renvoie une référence à l'objet HTML DOM qui correspond à l'ID spécifié. Dans ce cas, il renverrait l'élément avec l'ID "contents".

En revanche, la fonction $() de jQuery, en supposant que jQuery est chargé, renvoie un objet jQuery. Cet objet enveloppe les éléments correspondants dans le document, offrant ainsi une variété de fonctionnalités et de méthodes supplémentaires.

Par conséquent, même si les deux méthodes récupèrent un élément, elles renvoient différents types d'objets.

Accéder à l'objet HTML DOM à partir d'un objet jQuery

Pour obtenir l'objet HTML DOM brut à partir d'un objet jQuery, vous devez accéder au premier élément de l'objet. En JavaScript, les objets se comportent de la même manière que les tableaux associatifs.

var contents = $('#contents')[0];

Ce code récupérerait l'objet HTML DOM associé au premier élément de l'objet jQuery.

Clé à retenir

Bien que document.getElementById() et jQuery $() servent des objectifs similaires, il est important de reconnaître les différences dans leurs types de retour. Si vous devez interagir avec l'objet HTML DOM brut, vous pouvez y accéder depuis l'objet jQuery en l'indexant à 0.

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!