jquery物件和DOM物件的任意相互轉換_jquery
什麼是jQuery物件？
---就是透過jQuery包裝DOM物件後產生的物件。 jQuery物件是jQuery獨有的，其可以使用jQuery裡的方法。
如：
$("#test").html() 意思是指：取得ID為test的元素內的html程式碼。其中html()是jQuery裡的方法
這段程式碼等同於用DOM實作程式碼：
1 |
|
雖然jQuery物件是包裝DOM物件後產生的，但是jQuery無法使用DOM物件的任何方法，同理DOM物件也不能使用jQuery裡的方法.亂使用會報錯。例如：$("#test").innerHTML、document.getElementById("id").html()之類的寫法都是錯誤的。
還有一個要注意的是：用#id作為選擇符取得的是jQuery物件與document.getElementById("id")得到的DOM對象，這兩者並不等價。請參考如下所說的兩者間的轉換。
既然jQuery有差別但也有聯繫，那麼jQuery物件與DOM物件也可以互相轉換。在再兩者轉換前首先我們給一個約定：如果一個取得的是jQuery對象，那麼我們在變數前面加上$，如：var $variab = jQuery物件；如果取得的是DOM對象，則與習慣普通一樣：var variab = DOM物件；這麼約定只是便於講解與區別，實際使用中並不規定。
在討論jquery對象和DOM對象的相互轉換之前，先約定好定義變數的風格如果取得的是jquery對象，那麼在變數前面加上$,例如
var $varible = jquery物件；
如果取得的是DOM對象，則定義如下：
var varible = DOM物件；
1.jquery物件轉成DOM物件：
jquery物件不能使用DOM中的方法，但如果對jquery對象所提供的方法不熟悉，或者沒有jquery想封裝的方法，不得不使用DOM對象，即【index】和get[index].
(1)jquery物件是一個陣列對象，可以透過【index】的方法得到對應的DOM物件。
jquery的程式碼如下
1 2 3 4 5 6 7 8 9 10 11 12 |
|
(2).DOM物件轉換為jquery物件：
對於一個DOM對象,只需要用$()把DOM對象給包裝起來，就可以獲得一個jquery對象了，方式為$(DOM對象)。
jquery程式碼如下：
1 2 3 4 5 6 7 8 9 10 11 |
|
轉換後，可以任意使用jquery方法。
透過上述方法，可以任意的相互轉換jquery物件和DOM物件。
最後再次強調,DOM物件才能使用DOM方法，jquery物件不能使用DOM中的方法，但jquery物件提供了一套更完善的工具來操作DOM。
希望大家會喜歡本文。
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
USDT ERC20轉換為TRC20的簡易指南
Jan 18, 2024 pm 06:09 PM
我們逐步教您如何將USDTERC20轉換為TRC20網路。這是因為許多人喜歡將USDT穩定幣從以太坊網路轉移到Tron網絡，以節省交易費用。因此，如果您想將您的ERC-20代幣轉換為TRC-20，相信本教學會對您有所幫助。 ERC-20和TRC-20的區別ERC-20代幣和TRC-20代幣分別代表基於以太坊網路和Tron網路的代幣。這兩個網路之間存在一些差異，主要表現在以下方面：首先，以太坊網路常常面臨擁塞和高昂的汽油費問題，這可能導致交易延遲和高昂的交易成本。相較之下，Tron網路則相對壅塞較少
全角英文字母轉換為半角形式的實用技巧
Mar 26, 2024 am 09:54 AM
全角英文字母轉換為半角形式的實用技巧在現代生活中，我們經常會接觸到英文字母，在使用電腦、手機等設備時也經常需要輸入英文字母。然而，有時候我們會遇到全角英文字母的情況，而我們需要使用的是半角形式。那麼，如何將全角英文字母轉換為半角形式呢？以下就為大家介紹一些實用的技巧。首先，全角英文字母和數字是指在輸入法中佔據一個全角位置的字符，而半角英文字母和數字則是佔據一
Golang時間處理：如何在Golang中將時間戳轉換為字串
Feb 24, 2024 pm 10:42 PM
Golang時間轉換：如何將時間戳轉換為字串在Golang中，時間操作是非常常見的操作之一。有時候我們需要將時間戳記轉換為字串，以便於展示或儲存。本文將介紹如何使用Golang將時間戳轉換為字串，並提供具體的程式碼範例。 1.時間戳和字串的轉換在Golang中，時間戳通常是以整數數字的形式表示的，表示的是從1970年1月1日至當前時間的秒數。而字串則
如何將虛擬機器轉換為實體機器？
Feb 19, 2024 am 11:40 AM
將虛擬機器(VM)轉換為實體機器是一種將虛擬實例和關聯的應用軟體遷移到實體硬體平台的過程。這種轉換有助於優化作業系統的效能和硬體資源利用。本文旨在深入探討如何進行這種轉換。如何實現從虛擬機器到實體機器的遷移？通常，虛擬機器與實體機之間的轉換過程由第三方軟體在虛擬機器外部執行。這個過程包括多個階段，涉及虛擬機器的配置和資源轉移。準備實體機器：第一步是確保實體機符合Windows的硬體需求。我們需要在實體機上備份數據，因為轉換過程將覆蓋現有數據。 *管理員帳戶的使用者名稱和密碼，具有建立系統映像的管理員權限。將虛擬
如何將AI檔案轉換為CDR格式
Feb 19, 2024 pm 04:09 PM
AI檔案指的是AdobeIllustrator（簡稱AI）軟體所建立的向量圖形文件，而CDR檔案指的是CorelDRAW軟體所建立的向量圖形檔。由於這兩個軟體屬於不同的廠商開發，因此它們的文件格式不同，無法直接相互轉換。然而，我們可以透過一些方法將AI檔案轉換為CDR檔案。以下將介紹一種常用的轉換方法。步驟一：匯出AI檔案為EPS格式AdobeIllust
PHP 月份轉換為英文月份的實作方法詳解
Mar 21, 2024 pm 06:45 PM
這篇文章將詳細介紹如何將PHP中的月份轉換為英文月份的方法，同時給出具體的程式碼範例。在PHP開發中，有時候我們需要將數字表示的月份轉換為英文的月份，這在一些日期處理或資料展示的場景下非常實用。以下將從實作原理、具體程式碼範例和注意事項等方面進行詳解。一、實作原理在PHP中，可以透過使用DateTime類別和format方法來實現將數位月份轉換為英文月份。 Date
如何在Windows 11/10中將ODT轉換為Word？
Feb 20, 2024 pm 12:21 PM
在這篇文章中，我們將向您展示如何將OpenDocumentTextDocument(ODT)檔案轉換為MicrosoftWord(Docx、DOC等)。格式。如何在Windows11/10中將ODT轉換為Word以下是您可以在WindowsPC上將ODT文件轉換為DOC或DOCX格式的方法：使用寫字板或Word將ODT轉換為Word我們要向您展示的第一種方法是使用寫字板或MicrosoftWord將ODT轉換為Word。以下是實現這一點的步驟：首先，使用「開始」功能表開啟寫字板應用程式。現在，轉到
全角英文字母變成半角字母的方法
Mar 25, 2024 pm 02:45 PM
全角英文字母變成半角字母的方法在日常生活和工作中，有時候我們會遇到需要將全角英文字母轉換為半角字母的情況，例如在輸入電腦密碼、編輯文件或設計排版時。全角英文字母和數字是指寬度與中文字符相同的字符，而半角英文字母則是指寬度較窄的字符。在實際操作中，我們需要掌握一些簡單的方法，將全角英文字母轉換為半角字母，以便更方便地處理文字和數字。一、全角英文字母與半角英
