communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > Comment convertir des objets JS en objets jQuery et inversement

Comment convertir des objets JS en objets jQuery et inversement

autoload
Libérer： 2021-04-19 10:48:48
original
2307 Les gens l'ont consulté

Comment convertir des objets JS en objets jQuery et inversement

jQuery est un framework JavaScript rapide et concis qui simplifie certaines opérations de JS, mais avec l'amélioration du JS natif, JS Il existe également quelques des commodités que jQuery ne peut pas réaliser. Certains scénarios sont plus adaptés à JS Il est donc parfois nécessaire de convertir entre des objets JS et des objets jQuery.

1. Convertir l'objet jQuery en objet natif JS 

<body>
    <ul class="list">
        <li class="item">item1</li>
        <li class="item">item2</li>
        <li class="item">item3</li>
        <li class="item">item4</li>
        <li class="item">item5</li>
    </ul>
      <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
      <script>
          console.log($(".list .item"));
          //任何一个$()返回的都是一个jQuery集合对象
          //整体集合是一个jQuery对象，但是集合中每个成员都是原生js对象
          //第一个li本身就是原生js对象
          $(&#39;.list .item&#39;)[0].style.backgroundColor="yellow";
          //使用jQuery封装的另一个方法
          $(&#39;.list .item&#39;).get(2).style.backgroundColor="lightgreen";
      </script>
</body>
Copier après la connexion

2. >

<body>
       <ul class="list">
           <li class="item">item1</li>
           <li class="item">item2</li>
           <li class="item">item3</li>
           <li class="item">item4</li>
           <li class="item">item5</li>
       </ul>
       <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
       <script>
            console.log($(document.body) instanceof jQuery);//返回为true
        </script>
Copier après la connexion
Recommandé : "

Questions et réponses de l'entretien js 2021 (grand résumé)"

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：
js对象
source：php.cn
Article précédent：Comment convertir un tableau au format json en javascript Article suivant：Comment déterminer si les variables sont égales en javascript
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
Derniers articles par auteur
Derniers numéros
Un pool de travail déclaré sur plusieurs routes peut-il toujours maintenir son utilisation du processeur sans se soucier du seuil J'espère trouver un système node.js avec un pool de travailleurs pour gérer les tâches gou...
Depuis 2024-04-06 19:54:23
0
1
444
Élément enfant React non valide (trouvé : objet avec la clé {clientVersion}). Si vous souhaitez afficher une collection d'éléments enfants, utilisez plutôt un tableau J'ai un formulaire en plusieurs étapes et lorsque j'essaie de le soumettre, cette erreur s...
Depuis 2024-04-06 16:25:39
0
1
346
vue vee-validate capture le problème de la sélection du sélecteur de date La liaison v-model sur mon champ de sélecteur de date ne fonctionne pas correctement. Lors...
Depuis 2024-04-06 11:38:56
0
1
510
**Type d'erreur : Impossible d'itérer l'objet 'NoneType'** Je souhaite utiliser le tunnel ssh pour accéder à la base de données Mysql. Malheureusemen...
Depuis 2024-04-06 10:26:38
0
1
378
Pousser des objets vers un tableau, API composable Il y a un projet. Il existe deux options de sélection « taille » (grande, petite) et quant...
Depuis 2024-04-05 14:41:47
0
1
1526
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal