关于jQuery object and DOM element
2013-04-15 00:00
387 查看
源起:
想取得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的方式:
或者非jQuery方式:
<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
- How do I pull a native DOM element from a jQuery object? | jQuery Learning Center
- JQuery Object vs. DOM element
- JQuery Object vs. DOM element
- jQuery - 参考资料 - About Cross-Frame Scripting and Security:关于跨框架脚本和安全
- Professional JS(13.3.1Event Object in DOM/IE/Cross-Browser/UI&Focus&Mouse and Wheel event[half])
- (个人记录)关于JavaScript jQuery对象 find方法返回值为[object object]
- 关于jquery中data添加获取Element自定义属性
- DOM Document Object properties & DOM Element properties
- 关于 "Uncaught TypeError: Property 'submit' of object #<HTMLFormElement> is not a function" 的解决方案
- 关于jquery html()方法获取带有OBJECT标签的元素内容时,出现“类型不匹配。”的解决办法
- Android中关于在onDrow或者onMeasure中创建对象提示Avoid object allocations during draw/layout operations (preallocate and reuse instead) 问题
- JQuery DOM HighLighter (it's a basic "Inspect element" simple implementation to mimic what webkit inspector and firebug do)
- AFNetworking 关于JSON text did not start with array or object and option to allow fragments not set
- AFNetworking 关于JSON text did not start with array or object and option to allow fragments not set 错误
- 基于jquery的关于动态创建DOM元素的问题
- 关于jquery的each循环生成dom数组节点
- HTML DOM HTMLElement Object