Comment convertir un objet dom en objet jquery

青灯夜游
Libérer: 2022-03-11 15:32:41
original
4657 Les gens l'ont consulté

Comment convertir un objet dom en objet jquery : utilisez simplement "$()" pour envelopper l'objet DOM, et la syntaxe est "$(DOM object)" après la conversion, vous pouvez utiliser n'importe quelle méthode dans jQuery.

Comment convertir un objet dom en objet jquery

L'environnement d'exploitation de ce tutoriel : système windows7, version jquery1.10.2, ordinateur Dell G3.

Objet DOM

DOM (Document Object Model, Document Object Model), chaque DOM peut être représenté sous forme d'arborescence. Regardons d'abord un exemple simple : le code est le suivant 

// ...省略其他代码
<h3>例子</h3>
<p title="选择你最喜欢的水果">你最喜欢的水果是?</p>
<ul>
    <li>苹果</li>
    <li>橘子</li>
    <li>菠萝</li>
</ul>
// ...省略其他代码
Copier après la connexion

décrit la structure HTML ci-dessus comme un arbre DOM :

Comment convertir un objet dom en objet jquery

Les nœuds de cet arbre DOM sont tous des nœuds d'éléments DOM. Vous pouvez obtenir le nœud d'élément via getElementByTagName ou getElementById dans JS. L'élément DOM obtenu ainsi est un objet DOM.

Objet jQuery

L'objet jQuery est un objet généré en encapsulant un objet DOM via jQuery.

Les objets jQuery sont uniques à jQuery. Si un objet est un objet jQuery, vous pouvez utiliser les méthodes de jQuery. Aucune méthode de l'objet DOM ne peut être utilisée dans l'objet jQuery, et le même objet DOM ne peut pas utiliser les méthodes de jQuery.

Comment convertir un objet dom en objet jquery

Pour un objet DOM, il vous suffit d'envelopper l'objet DOM avec $() pour obtenir un objet jQuery. La méthode est $(objet DOM). Après la conversion, vous pouvez utiliser n'importe quelle méthode dans jQuery.

Remarque : les objets jQuery couramment utilisés sont fabriqués via la fonction $(). La fonction $() est une usine de fabrication d'objets jQuery.

Le code jquery est le suivant :

<body>
  <p>my</p>
  <p>my</p>
<script src="jquery-1.10.2.min.js"></script>
<script>
  var cr = document.getElementsByTagName("p") //DOM对象
  var $cr = $(cr);   //jquery对象
  $cr.eq(0).("fuck"); //检测是否转换成功,可以用jquery方法 输出结果为第二个my改成了fuck
  $cr.eq(1).html("you"); //输出结果为my改成you
</script>
</body>
Copier après la connexion

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 effets de page Web des objets DOM peuvent être convertis les uns aux autres à volonté.

Enfin, il est à nouveau souligné que seuls les objets DOM peuvent utiliser les méthodes DOM. Les objets jquery ne peuvent pas utiliser les méthodes dans le DOM, mais les objets jquery fournissent un ensemble d'outils plus complet pour faire fonctionner le DOM.

【Apprentissage recommandé : Tutoriel vidéo jQuery, Vidéo web front-end

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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!