Comment convertir un objet dom en objet jquery-Questions et réponses frontales-php.cn

Comment convertir un objet dom en objet jquery

青灯夜游

Libérer： 2022-03-11 15:32:41

original

4691 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!