首頁猿問請問jQuery對象和DOM元素

請問jQuery對象和DOM元素

JQuery

萬千封印 2019-08-02 15:02:48

jQuery對象和DOM元素我想了解jQuery對象和DOM元素之間的關系。當jQuery返回一個元素時，它顯示為[object Object]保持警惕。什么時候getElementByID返回它顯示為[object HTMLDivElement]..那到底是什么意思？我是說，他們兩個都有區別嗎？還有什么方法可以對jQuery對象和DOM元素進行操作？一個jQuery對象可以表示多個DOM元素嗎？

查看完整描述

3 回答

Smart貓小萌

TA貢獻1911條經驗獲得超7個贊

我想了解jQuery對象和DOM元素之間的關系。

jQuery對象是一個類似數組的對象，包含DOM元素。jQuery對象可以包含多個DOM元素，具體取決于您使用的選擇器。

還有什么方法可以對jQuery對象和DOM元素進行操作？一個jQuery對象可以表示多個DOM元素嗎？

jQuery函數(完整列表在網站上)操作jQuery對象，而不是DOM元素。您可以使用以下方法訪問jQuery函數中的DOM元素.get()或直接訪問所需索引中的元素：

$("selector")[0] // Accesses the first DOM element in this jQuery object

$("selector").get(0) // Equivalent to the code above

$("selector").get() // Retrieve a true array of DOM elements matched by this selector

換句話說，以下內容會給您帶來相同的結果：

<div id="foo"></div>alert($("#foo")[0]);
alert($("#foo").get(0));
alert(document.getElementById("foo"));

有關jQuery對象的更多信息，見文件..還請查看.get()

反對回復 2019-08-03

臨摹微笑

TA貢獻1982條經驗獲得超2個贊

當使用jQuery獲取DOM元素時，jQuery對象返回包含對元素的引用。當您使用本機函數時，如getElementById，直接獲得對元素的引用，而不是包含在jQuery對象中。

jQuery對象是一個類似數組的對象，可以包含多個DOM元素：

var jQueryCollection = $("div"); //Contains all div elements in DOM

上面的行可以在沒有jQuery的情況下執行：

var normalCollection = document.getElementsByTagName("div");

事實上，當您傳入一個簡單的選擇器(如div..屬性訪問jQuery集合中的實際元素。get方法：

var div1 = jQueryCollection.get(0); //Gets the first element in the collection

當您在jQuery對象中有一個元素或一組元素時，您可以使用jQueryAPI中可用的任何方法，而當您擁有原始元素時，您只能使用本機JavaScript方法。

反對回復 2019-08-03

繁星點點滴滴

TA貢獻1803條經驗獲得超3個贊

大多數jQuery成員Functions沒有返回值，而是返回當前jQuery Object或者另一個jQuery Object.

所以,

console.log("(!!) jquery >> " + $("#id") ) ;

會回來[object Object]，即jQuery Object維護集合，這是評估選擇器的結果。String("#id")反對Document,

同時，

console.log("(!!) getElementById >> " + document.getElementById("id") ) ;

會回來[object HTMLDivElement](或事實上[object Object])，因為/如果返回值是div Element.

還有什么方法可以對jQuery對象和DOM元素進行操作？(1)一個jQuery對象可以表示多個DOM元素嗎？(2)

(1)有許多成員Function在jQuery中，它與DOM有關。Object最好的方法是在jQueryapi文檔中搜索相關的Function一旦您有了特定的任務(例如選擇Nodes或操縱它們)。

jQuery文檔

(2)是的，一個單人jQuery Object可以維護多個DOM的列表。Element有多個Functions(如jQuery.find或jQuery.each)建立在這種自動緩存行為的基礎上。

反對回復 2019-08-03

3 回答
0 關注
585 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

請問jQuery對象和DOM元素

請問jQuery對象和DOM元素

3 回答

添加回答