Maison >interface Web >js tutoriel >Quelle est la différence entre jquery et document pour obtenir des éléments HTML ?

Quelle est la différence entre jquery et document pour obtenir des éléments HTML ?

青灯夜游
青灯夜游avant
2020-11-20 16:40:0210034parcourir

Différence : L'élément html obtenu par jquery est un objet jquery et peut exécuter des méthodes jquery, tandis que le document obtient un objet dom et exécute des méthodes dom. Les objets jQuery sont uniques à jQuery et ne peuvent pas utiliser les méthodes DOM ; et les objets DOM ne peuvent pas utiliser les méthodes jQuery.

Quelle est la différence entre jquery et document pour obtenir des éléments HTML ?

Recommandations associées : "Tutoriel jQuery"

Récemment créé un plug-in vidéo via ocx, puis mis le plug-in Allez en html (vous pouvez y jeter un oeil si vous voulez savoir)

Parce que je veux faire fonctionner ce plug-in, jouer, arrêter, etc., j'ai donc besoin d'obtenir cet élément. Comme prévu, j'utilise jquery pour l'obtenir, puis il ne peut pas être exécuté du tout, puis j'utilise document pour l'obtenir et l'exécuter normalement. Les détails sont les suivants

//正常执行     var obj = document.getElementById("player00");
obj.testhelloworld();//无法执行var playobj = $('#player00');
playobj.testhelloworld();

Ensuite, je pensais, Quelle est la différence entre les deux ? Ensuite, j'ai recherché les conclusions suivantes

L'élément html obtenu par jquery est un objet jquery, et les méthodes jquery peuvent être exécutées, tandis que le document obtient un objet dom et exécute la méthode dom

Description :

Les objets DOM sont des objets que nous obtenons à l'aide de méthodes traditionnelles (javascript), et les objets jQuery sont des objets obtenus à l'aide du sélecteur de bibliothèque de classes de jQuery. Un objet JQuery est un objet généré en encapsulant un objet DOM avec jQuery. L'objet JQuery est unique à jQuery. Il peut utiliser les méthodes de jQuery, mais ne peut pas utiliser les méthodes DOM

J'étais soulagé d'avoir toujours pensé que les deux étaient équivalents, et je voulais trouver. pourquoi dom Pourquoi la méthode ne peut-elle pas être exécutée en jquery ? Maintenant que j'y pense, je me sens complètement soulagé.

Dans ce cas,

comment les deux se transforment-ils l'un en l'autre ? Après tout, le contenu des objets obtenus est le même.

Convertir un objet jQuery en objet DOM :

Deux méthodes de conversion convertissent un objet jQuery en objet DOM : [index] et .get(index); 🎜>(1) L'objet jQuery est un objet de données et l'objet DOM correspondant peut être obtenu via la méthode [index].

Par exemple :

var $v =$("#v") ; //jQuery对象 
var v=$v[0]; //DOM对象 
alert(v.checked) //检测这个checkbox是否被选中

(2) jQuery lui-même fournit, via la méthode .get(index), l'objet DOM correspondant est obtenu

Par exemple :

var $v=$("#v"); //jQuery对象 
var v=$v.get(0); //DOM对象 
alert(v.checked) //检测这个checkbox是否被选中

Convertir un objet DOM en objet jQuery :

Pour un objet DOM qui est déjà un objet DOM, il vous suffit d'envelopper l'objet DOM avec $() pour obtenir un jQuery objet. $(Objet DOM)

Par exemple :

var v=document.getElementById("v"); //DOM对象 
var $v=$(v); //jQuery对象

Après la conversion, vous pouvez utiliser n'importe quelle méthode jQuery.

Grâce aux méthodes ci-dessus, les objets jQuery et les objets DOM peuvent être convertis les uns aux autres à volonté. Ce qu'il faut souligner à nouveau, c'est que seuls les objets DOM peuvent utiliser des méthodes dans le DOM et que les objets jQuery ne peuvent pas utiliser de méthodes dans le DOM.

Pour plus de connaissances liées à la programmation, veuillez visiter :
Cours de programmation

 ! !

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!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer