您好,登錄后才能下訂單哦!
這篇文章主要介紹了jquery對象如何轉化為dom對象的相關知識,內容詳細易懂,操作簡單快捷,具有一定借鑒價值,相信大家閱讀完這篇jquery對象如何轉化為dom對象文章都會有所收獲,下面我們一起來看看吧。
方法:1、利用“obj[index]”方法,語法為“jquery對象[DOM對象在jQuery對象中的索引]”;2、利用“obj.get(index)”方法,語法為“jquery對象.get(DOM對象在jQuery對象中的索引).innerHTML”。
本教程操作環境:windows10系統、jquery3.4.1版本、Dell G3電腦。
jQuery對象屬于類數組對象,其內部將DOM對象作為數組元素。jQuery對象轉換成DOM對象有兩種方式,分別為“obj[index]”和“obj.get(index)”。其中index表示DOM對象在jQuery對象中的索引。下面分別講解這兩種轉換方式。
(1)obj[index]
通過obj[index]方式將jQuery對象轉換成DOM對象,示例代碼如下。
<div>第1個div</div> <div>第2個div</div> <script> //獲取jQuery對象 var divs = $('div'); //通過索引的方式,將jQuery對象轉換成DOM對象 var div1 = divs[0]; var div2 = divs[1]; //輸出div元素的內容 alert(div1.innerHTML); //輸出結果:第1個div alert(div2. innerHTML); //輸出結果:第2個div </script>
從上述代碼可以看出,一個jQuery對象中可以包含多個DOM元素,通過索引即可取出某個具體的DOM對象。
(2) obj.get(index)
通過obj.get(index)方式將jQuery對象轉換成DOM對象,示例代碼如下。
<div>第1個div元素</div> <script> var result = $('div').get(0).innerHTML; alert(result); //輸出結果:第1個div元素 </script>
關于“jquery對象如何轉化為dom對象”這篇文章的內容就介紹到這里,感謝各位的閱讀!相信大家對“jquery對象如何轉化為dom對象”知識都有一定的了解,大家如果還想學習更多知識,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。