源起：
复制代码 代码如下:
复制代码
<div id="test1">
<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
$("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
document.getElementsByTagName("div") // Return HTMLcollection
最后
以上就是和谐橘子最近收集整理的关于关于jQuery object and DOM element的全部内容，更多相关关于jQuery内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复