Maison > Article > interface Web > La différence et la conversion entre les objets jQuery et les objets DOM natifs
Le contenu de cet article porte sur la différence et la conversion entre les objets jQuery et les objets DOM natifs. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.
Différence
L'objet jQuery obtenu par le sélecteur jQuery et l'objet DOM obtenu par document.getElementById()
document.querySelector
en JS natif sont de deux types différents. Pas équivalent.
jQuery ne peut pas utiliser les méthodes des objets DOM natifs, et les objets DOM natifs ne peuvent pas utiliser les méthodes dans jQuery. En cas d'utilisation sans discernement, une erreur sera signalée.
<p>我是对象</p>
DOM natif : document.querySelector('p').innerText
jQuery : $('p').text()
Ils ne sont donc pas équivalents, mais le DOM qu'ils extraient finalement est cohérent.
Exemple
JSBin
sortie
Le DOM natif peut être utilisé pour déterminer si un élément existe document.querySelector
Vérifiez si c'est le cas null
car jQuery est un objet de type tableau. jQuery peut utiliser .length
pour vérifier si sa longueur est 0
pour déterminer si cet élément existe
conversion mutuelle
Reportez-vous à la sortie de. JSBin ci-dessus Peut faire une démonstration de démonstration
Convertir un objet DOM natif en objet jQuery
var p1 = document.querySelector('#p1')var $p1 = $(p1)
Convertir un objet jQuery en objet DOM natif
var $p = $('p')var p1 = $p[0]var p2 = $p.get(1)
Recommandations associées :
Exemples d'utilisation de cssText en js (exemple de code)
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!