jQuery學習筆記獲取jQuery對象

2024-05-06 14:21:16

字體：大中小

來源：轉載

供稿：網友

使用jQuery選擇器選擇頁面元素，目的是為了生成jQuery對象，語法相當簡單：$(selector)。但值得注意的是，這是生成jQuery對象，不是DOM對象，因此$(selector).innerHTML以獲取元素內部HTML代碼是錯誤的，正確寫法是$(selector).html()。同樣的，判斷一個DOM對象是否存在，不能夠寫成if($(selector))，而是if($(selector).length>0)。

　　當然jQuery對象和DOM對象可以互轉換。從上面的例子也可以看出，jQuery對象可以視為是一個DOM對象數組，因此轉換成DOM對象可使用get(index)方法或者[index]取下標；相反，DOM對象轉換為jQuery對象只需直接用$(document.getElementById(“id”))包裝一下就行了。

　　雖然取對象的方法很簡單$(selector)，但是這個參數selector卻是種類繁多。這里扼要說明一下：

　　過濾選擇器：附在所有選擇器的后面，通過特定的過濾規則來篩選出一部分元素，如$(selector:first)。若單獨使用，$(:first)則等價于$(*:first)；

　　層次選擇器：通過DOM元素間層次關系來獲取特定元素，由兩個選擇器組合而成。選擇過程為先按照第一個選擇器選擇元素，然后根據符號確定后代元素或子元素或兄弟元素，最后在這些元素范圍內按照第二個選擇器選取最后想要的元素；

　　下面就是各種選擇器的表格說明- -這就打了我一上午，真蛋疼！

基本選擇器

選擇器	描述	返回
*	選取所有元素	集合元素
element	根據標簽名選取元素	集合元素
#id	根據id屬性值選取元素	單個元素
.class	根據class屬性值選取元素	集合元素
selector1,selector2,…,selectorN	將每個選擇器選取的元素合并在一個結果，主要用于選取不同元素	集合元素