Explication détaillée de la méthode de conversion d'objet jQuery et d'objet DOM_jquery

Cet article analyse la méthode de conversion entre les objets jQuery et les objets DOM avec des exemples. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

Objet jQuery converti en objet dom

Seuls les objets jQuery peuvent appeler diverses fonctions de la bibliothèque de classes jQuery. De même, certaines propriétés et méthodes des objets dom ne peuvent pas être appelées sur jQuery, mais fondamentalement, les fonctions fournies par la bibliothèque de classes jQuery incluent toutes les opérations dom. Parfois, surtout lorsque vous êtes nouveau sur jQuery et que vous ne vous souvenez pas de toutes les fonctions de jQuery, vous utiliserez pendant longtemps les sélecteurs jQuery et les fonctions dom originales pour le développement. La conversion des deux objets est donc nécessaire.

L'index de l'objet jQuery enregistre l'objet dom, donc l'objet jQuery peut être converti en objet dom via l'index (en fait, l'objet dom enregistré dans l'objet jQuery est obtenu).

$("#myphoto")[0];

Après avoir renvoyé l'objet dom via l'index, vous pouvez utiliser diverses méthodes et attributs de l'objet dom, comme obtenir l'attribut src de l'objet dom :

alert($("#myphoto")[0].src);

Si vous souhaitez parcourir chaque élément d'un objet jQuery, vous utilisez généralement la fonction each().

echo(callback);

Callback() est une fonction de rappel, et celle-ci dans cette fonction pointe également vers l'élément dom.

$("#myphoto").each(function(i){
     this,src="test"+i+".jpg";
});

Un petit conseil pour les paresseux, si vous ne voulez pas vous rappeler si ceci dans différentes fonctions jQuery est un objet jQuery ou cet objet, vous pouvez utiliser la méthode "this" pour convertir les deux en objets jQuery, car même un l'objet est déjà un objet jQuery. Vous ne pouvez pas vous tromper non plus.

Objet Dom converti en objet jQuery

Si vous avez obtenu un objet dom, vous pouvez utiliser la fonction "jQuery(elements)" pour le convertir en objet jQuery :

var img=document.getElementById("myphoto");
jQuery(img).css("border","solid 2px #FF0000");

Dans le code ci-dessus, img est l'objet dom obtenu en utilisant dom. Après l'avoir converti en objet jQuery, vous pouvez utiliser la méthode css() de l'objet jQuery pour changer son style.

Vous pouvez utiliser "$" au lieu de "jQuery" car jQuery contient l'implémentation suivante :

jQuery=window.jQuery=window.$

Le caractère "$" peut être utilisé comme nom de variable en JavaScript et peut apparaître comme préfixe. Mais certaines autres bibliothèques ou programmes peuvent déjà utiliser « $ » comme noms de variables.

jQuery(img).css("border","solid 2px #FF0000");
$(img). css("border","solid 2px #FF0000");

Les deux déclarations ci-dessus sont équivalentes.

Le paramètre elements de la fonction "jQuery(elements)" peut également être un objet jQuery. Bien que cela n'ait pas de sens de convertir un objet jQuery cette fois, c'est ainsi que lorsqu'on n'est pas sûr du type d'un objet jQuery. L'objet est un objet jQuery ou un objet dom, il peut être à nouveau converti. Appelez cette fonction pour la conversion, ce qui garantit que cet objet doit être un objet jQuery.

Les lecteurs intéressés par davantage de contenu lié à jquery peuvent consulter les sujets spéciaux de ce site : "Résumé des méthodes jQuery d'exploitation des nœuds DOM", "Résumé des compétences courantes en matière d'opération jquery ", "Résumé de l'utilisation commune des événements et des compétences de JQuery", "Résumé des compétences en matière de données JSON de l'opération jQuery", "Résumé des compétences XML de l'opération jQuery XML" et "Résumé des compétences d'extension jQuery》

J'espère que cet article sera utile à tous ceux qui programment jquery.