怎么把jQuery對象轉成DOM對象

這篇文章主要介紹“怎么把jQuery對象轉成DOM對象”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“怎么把jQuery對象轉成DOM對象”文章能幫助大家解決問題。

網(wǎng)站建設哪家好，找成都創(chuàng)新互聯(lián)公司！專注于網(wǎng)頁設計、網(wǎng)站建設、微信開發(fā)、小程序制作、集團企業(yè)網(wǎng)站建設等服務項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了遷西免費建站歡迎大家使用！

利用數(shù)組下標的方式讀取到jQuery中的DOM對象

1.我們項目中本來有的id，通過jquery獲取到后需要轉化成dom對象

怎么把jQuery對象轉成DOM對象

2.用jQuery找到所有的div元素(3個)，因為jQuery對象也是一個數(shù)組結構，可以通過數(shù)組下標索引找到第一個div元素

<!DOCTYPE html><html><head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="http://code.jquery.com/jquery-1.11.3.js"></script></head><body>
    <div>元素一</div>
    <div>元素二</div>
    <div>元素三</div>
    
    <script type="text/javascript">
        var $div = $('div'); //jQuery對象
        var div = $div[0]; // 轉化成dom對象
        div.style.color = 'red'; //操作dom對象的屬性
    </script></body></html>

通過jQuery自帶的get()方法

<!DOCTYPE html><html><head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="http://code.jquery.com/jquery-1.11.3.js"></script></head><body>
    <div>元素一</div>
    <div>元素二</div>
    <div>元素三</div>    
    <script type="text/javascript">
        var $div = $('div'); //jQuery對象
        var div = $div.get(0); // 轉化成dom對象
        div.style.color = 'red'; //操作dom對象的屬性
    </script>    </body></html>

關于“怎么把jQuery對象轉成DOM對象”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關的知識，可以關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點。

分享名稱：怎么把jQuery對象轉成DOM對象
標題鏈接：http://bm7419.com/article24/pcgece.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供定制網(wǎng)站、企業(yè)網(wǎng)站制作、手機網(wǎng)站建設、云服務器、全網(wǎng)營銷推廣、搜索引擎優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)

成都app開發(fā)公司