關於 jQuery 物件和 DOM element_jquery

源起：

複製程式碼 代碼如下:

代碼如下:

代碼如下:

              text1

              text2

              text3

      

想取得span element 裡面的文本，發現$("#test1 span")[0]取出來的不是jQuery object, 只能用$($($( "#test1 span")[0]).text()轉為jQuery再取了，但是兩個$一起總感覺怪怪的，退而求其次便用了取值$("#test1 span")[ 0].textContent or $("#test1 span")[0].innerHTML jQuery object and DOM elementjQuery object是一種類別數組物件(array-like)，可以包含一個或多個DOM element(s)。而jQuery functions 的操作是建立在jQuery object上而不是DOM object上。 eg. jQuery object  “Object[span, span, span] ” 包含一個或多個DOM element “”。存取jQuery object裡面DOM element的方式：

複製程式碼


程式碼如下:

程式碼如下:

$🎜> 碼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

或非jQuery方式：

程式碼如下:document.getElementsByTagName("div") // Return HTMLcollection