怎么将JS对象与jQuery对象进行相互转换

这篇文章主要介绍了怎么将JS对象与jQuery对象进行相互转换，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

10年积累的成都网站建设、成都网站设计经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站制作后付款的网站建设流程，更有宝塔免费网站建设让你可以放心的选择与我们合作。

1.jQuery对象转换为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.JS对象转换为jQuery对象

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

感谢你能够认真阅读完这篇文章，希望小编分享的“怎么将JS对象与jQuery对象进行相互转换”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!