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对象
$('.list .item')[0].style.backgroundColor="yellow";
//使用jQuery封装的另一个方法
$('.list .item').get(2).style.backgroundColor="lightgreen";
</script>
</body>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>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!
Quelle inscription est la plus prometteuse dans le cercle monétaire ?
Que signifie la passerelle Edge Computing ?
Quels sont les outils de vérification de code statique ?
Que faire si l'utilisation de la mémoire est trop élevée
Pourquoi Webstorm ne peut pas exécuter le fichier
Il existe plusieurs types de tableaux php
Quel est le système qad ?
Comment configurer WeChat pour qu'il exige mon consentement lorsque des personnes m'ajoutent à un groupe ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
