源起:
<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 element
jQuery 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
Kingle's Blog: http://www.cnblogs.com/Kingle/