關於jQuery object and DOM element

源起：
複製代碼 代碼如下:
<div id="test1">

              <span>text1</span>

              <span>text2</span>

              <span>text3</span>

       </div>

想取得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 “<span>”。訪問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