Maison > interface Web > js tutoriel > le corps du texte

Quelle est la différence entre les objets jQuery et DOM et comment les convertir

清浅
Libérer: 2018-11-20 15:35:13
original
3041 Les gens l'ont consulté


Ce que cet article vous apporte, c'est la différence et la conversion mutuelle entre les objets jQuery et les objets DOM. Il s'agit d'une étape importante dans le processus d'apprentissage du front-end. connaissances. Les amis dans le besoin peuvent s'y référer, j'espère que cela vous sera utile

Comment obtenir des objets DOM et des objets jQuery

Objets DOM Signification  : L'objet renvoyé en utilisant des méthodes en JavaScript pour obtenir des éléments dans la page est l'objet DOM. 【Tutoriel JavaScript】

常用的获取DOM对象方法:
var demo1=document.getElementsByClassName("demo1")//获取类节点
var demo2=document.getElementById("demo2")//获取ID节点
var demo3=document.getElementsByTagName("demo3")//获取标签节点
Copier après la connexion

La signification de l'objet jQuery : L'objet renvoyé en utilisant la méthode dans jQuery pour obtenir la page est l'objet jQuery.【Tutoriel jQuery】

获取jQuery对象方法:
var $obj1=$(".obj1")//获取类节点
var $obj2=$("#obj2")//获取ID节点
var $obj3=$("obj3")//获取标签节点
Copier après la connexion

La différence entre l'objet jQuery et l'objet DOM

L'objet jQuery est un tableau appartenant à js, ​​qui est essentiellement un objet DOM L'ensemble d'emballage contient une collection d'objets DOM

Remarque  : les objets jQuery et les méthodes et propriétés des objets DOM ne peuvent pas être mixte. Ensuite, nous présenterons ces deux conversions entre objets

Conversion entre objets jQuery et objets DOM

DOM对象转化为jQuery对象:
var demo=document.getElementsByTagName("demo");
$demo=$(demo);//就是典型的DOM对象转jQuery对象
jQuery对象转化为DOM对象:
var $obj = $(“obj”);
$obj[0];//方法一(常用)
$obj.get(0);//方法二
Copier après la connexion

Résumé : Ce qui précède est le contenu de cet article, à travers Dans cet article, nous avons appris comment obtenir des objets jQuery et des objets DOM, et avons une certaine compréhension des méthodes de conversion couramment utilisées. J'espère que cet article le fera. être utile à tout le monde.


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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal