关于jQuery object and DOM element
更新时间：2013年04月15日 09:33:05 作者：
本篇文章，小编将为大家介绍，关于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
相关文章
这篇文章主要介绍了jQuery选择器之层次选择器用法,结合实例形式分析了jQuery后代元素选择器、子元素选择器、相邻元素选择器、兄弟元素选择器等相关使用技巧,需要的朋友可以参考下2019-02-02
jQuery结合jQuery.cookie.js插件实现换肤功能示例
这篇文章主要介绍了jQuery结合jQuery.cookie.js插件实现换肤功能,结合实例形式分析了jQuery.cookie.js插件的常用函数功能及实现换肤功能的相关操作技巧,需要的朋友可以参考下2017-10-10
『jQuery』.html(),.text()和.val()的概述及使用
如何使用jQuery中的.html(),.text()和.val()三种方法，用于读取，修改元素的html结构，元素的文本内容，以及表单元素的value值的方法2013-04-04
这篇文章主要为大家详细介绍了jQuery Datatables表头不对齐的解决办法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-11-11
这篇文章主要介绍了jQuery使用post方法提交数据,实例分析了jQuery中post方法的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
相信大家对twitter类的微博客都不陌生,作为一句话博客其字数即时提示效果设计的非常人性化.2010-04-04
自动完成功能是指：类似百度搜索之类的输入一个词的一部分后就自动提示，然后用户可以选择，不需要再输入剩余部分。2011-08-08
jquery对象和DOM对象在使用过程很频繁，正是因为如此，好多朋友都不知道它们之间有什么区别，下面为大家详细介绍下，希望对大家有所帮助2013-08-08
jQuery中text() val()和html()的区别实例详解
这篇文章主要介绍了jQuery中text() val()和html()的区别实例详解的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-06-06
这篇文章主要介绍了利用jq让你的div居中的好方法，有需要的朋友可以参考一下2013-11-11
最新评论