关于jQuery object and DOM element


Posted in Javascript onApril 15, 2013

源起:

<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

Javascript 相关文章推荐
js限制文本框只能输入数字(正则表达式)
Jul 15 Javascript
js实时获取系统当前时间实例代码
Jun 28 Javascript
jquery操作select大全
Apr 25 Javascript
手机端页面rem宽度自适应脚本
May 20 Javascript
深入浅析JavaScript中的scrollTop
Jul 11 Javascript
jQuery调用Webservice传递json数组的方法
Aug 06 Javascript
js document.getElementsByClassName的使用介绍与自定义函数
Nov 25 Javascript
JS访问DOM节点方法详解
Nov 29 Javascript
jQuery EasyUI结合zTree树形结构制作web页面
Sep 01 jQuery
基于three.js编写的一个项目类示例代码
Jan 05 Javascript
Vue3.0结合bootstrap创建多页面应用
May 28 Javascript
vue.js 使用原生js实现轮播图
Apr 26 Vue.js
在jQuery中 关于json空对象筛选替换
Apr 15 #Javascript
在Javascript中 声明时用&quot;var&quot;与不用&quot;var&quot;的区别
Apr 15 #Javascript
关于jQuery $.isNumeric vs. $.isNaN vs. isNaN
Apr 15 #Javascript
深入了解javascript中的prototype与继承
Apr 14 #Javascript
谈谈JavaScript中的函数与闭包
Apr 14 #Javascript
在新窗口打开超链接的方法小结
Apr 14 #Javascript
JS中setTimeout()的用法详解
Apr 14 #Javascript
You might like
php正则
2006/07/07 PHP
Linux+Nginx+MySQL下配置论坛程序Discuz的基本教程
2015/12/23 PHP
yii2 数据库读写分离配置示例
2017/02/10 PHP
PHP面向对象五大原则之单一职责原则(SRP)详解
2018/04/04 PHP
【消息提示组件】,兼容IE6/7&amp;&amp;FF2
2007/09/04 Javascript
js中eval详解
2012/03/30 Javascript
检测input每次的输入是否合法遇到汉字输入就有问题
2012/05/23 Javascript
jquery获取一组checkbox的值(实例代码)
2013/11/04 Javascript
使用jQuery.wechat构建微信WEB应用
2014/10/09 Javascript
jQuery div拖拽用法实例
2016/01/14 Javascript
BootStrap selectpicker
2016/06/20 Javascript
javascript实现复选框全选或反选
2017/02/04 Javascript
Vue.js实现模拟微信朋友圈开发demo
2017/04/20 Javascript
webpack多页面开发实践
2017/12/18 Javascript
关于Vue的路由权限管理的示例代码
2018/03/06 Javascript
JavaScript防止全局变量污染的方法总结
2018/08/02 Javascript
python实现bitmap数据结构详解
2014/02/17 Python
从零学python系列之从文件读取和保存数据
2014/05/23 Python
详解Python中列表和元祖的使用方法
2015/04/25 Python
Python中IPYTHON入门实例
2015/05/11 Python
解读! Python在人工智能中的作用
2017/11/14 Python
Python中判断输入是否为数字的实现代码
2018/05/26 Python
如何安装并使用conda指令管理python环境
2019/07/10 Python
Python打开文件、文件读写操作、with方式、文件常用函数实例分析
2020/01/07 Python
python数据预处理 :数据共线性处理详解
2020/02/24 Python
Matplotlib自定义坐标轴刻度的实现示例
2020/06/18 Python
AmazeUI 手机版页面的顶部导航条Header与侧边导航栏offCanvas的示例代码
2020/08/19 HTML / CSS
美国羊皮公司:Overland
2018/01/15 全球购物
Java TransactionAPI (JTA) 主要包含几部分
2012/12/07 面试题
如果NULL和0作为空指针常数是等价的,那我到底该用哪一个
2014/09/16 面试题
广州迈达威.net面试题目
2012/03/10 面试题
预备党员思想汇报范文
2013/12/29 职场文书
大学同学聚会邀请函
2014/01/29 职场文书
2016年大学生暑假爱心支教活动策划书
2015/11/26 职场文书
党员读书活动心得体会
2016/01/14 职场文书
JS不要再到处使用绝对等于运算符了
2021/04/30 Javascript