怎么將JS對(duì)象與jQuery對(duì)象進(jìn)行相互轉(zhuǎn)換

發(fā)布時(shí)間：2021-04-19 13:46:06 來(lái)源：億速云閱讀：191 作者：小新欄目：web開(kāi)發(fā)

這篇文章主要介紹了怎么將JS對(duì)象與jQuery對(duì)象進(jìn)行相互轉(zhuǎn)換，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

1.jQuery對(duì)象轉(zhuǎn)換為JS原生對(duì)象

<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"));
          //任何一個(gè)$()返回的都是一個(gè)jQuery集合對(duì)象
          //整體集合是一個(gè)jQuery對(duì)象，但是集合中每個(gè)成員都是原生js對(duì)象
          //第一個(gè)li本身就是原生js對(duì)象
          $('.list .item')[0].style.backgroundColor="yellow";
          //使用jQuery封裝的另一個(gè)方法
          $('.list .item').get(2).style.backgroundColor="lightgreen";
      </script>
</body>

2.JS對(duì)象轉(zhuǎn)換為jQuery對(duì)象

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

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“怎么將JS對(duì)象與jQuery對(duì)象進(jìn)行相互轉(zhuǎn)換”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!

向AI問(wèn)一下細(xì)節(jié)

怎么將JS對(duì)象與jQuery對(duì)象進(jìn)行相互轉(zhuǎn)換

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽