关于jQuery object and DOM element
2013-04-15 09:33
871 查看
源起:
<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
您可能感兴趣的文章:
相关文章推荐
- 关于jQuery object and DOM element
- 文本种类jQuery object and DOM element
- jQuery Object and DOM Element
- JQuery Object vs. DOM element
- JQuery Object vs. DOM element
- How do I pull a native DOM element from a jQuery object? | jQuery Learning Center
- 基于jquery的关于动态创建DOM元素的问题
- html的“object HTMLDivElement”与jquery“object Object”相互转换
- 浅谈jQuery中的eq()与DOM中element.[]的区别
- JQuery DOM HighLighter (it's a basic "Inspect element" simple implementation to mimic what webkit inspector and firebug do)
- HTML DOM HTMLElement Object
- 关于$(this)和this、[object object]和[object HTMLImageElement]区别和处理
- 关于js中出现获取input框的值为[object HTMLInputElement]的问题
- 关于TypeError : React object is undefined on createElement
- [jQuery Note]jQuery element properties and attributes
- iOS开发 AFNetworking 关于JSON text did not start with array or object and option to allow fragments not
- 基于jquery的关于动态创建DOM元素的问题
- 关于JQuery中DOM的插入方法【主要常用】
- 关于jQuery创建多个相同的dom
- JQuery还是不能盲目使用的,关于DOM的释放