关于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 相关文章推荐
JSON 学习之JSON in JavaScript详细使用说明
Feb 23 Javascript
JavaScript词法作用域与调用对象深入理解
Nov 29 Javascript
jquery动态增加text元素以及删除文本内容实例代码
Jul 01 Javascript
javascript简单事件处理和with用法介绍
Sep 16 Javascript
IE6下拉框图层问题探讨及解决
Jan 03 Javascript
js实现禁止中文输入的方法
Jan 14 Javascript
js运动动画的八个知识点
Mar 12 Javascript
JavaScript中调用函数的4种方式代码实例
Jul 08 Javascript
addEventListener()与removeEventListener()解析
Apr 20 Javascript
JavaScript面向对象精要(下部)
Sep 12 Javascript
对类Vue的MVVM前端库的实现代码
Sep 07 Javascript
UEditor 自定义图片视频尺寸校验功能的实现代码
Oct 20 Javascript
在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
深入Nginx + PHP 缓存详解
2013/07/11 PHP
PHP strstr 函数判断字符串是否否存在的实例代码
2013/09/28 PHP
PHP四舍五入、取整、round函数使用示例
2015/02/06 PHP
win10环境PHP 7 安装配置【教程】
2016/05/09 PHP
php魔术方法功能与用法实例分析
2016/10/19 PHP
JavaScript Math.ceil 方法(对数值向上取整)
2015/01/09 Javascript
js实现统计字符串中特定字符出现个数的方法
2016/08/02 Javascript
js css3实现图片拖拽效果
2017/03/04 Javascript
Node.js中的http请求客户端示例(request client)
2017/05/04 Javascript
浅谈Node.js ORM框架Sequlize之表间关系
2017/07/24 Javascript
jquery tmpl模板(实例讲解)
2017/09/02 jQuery
js传递数组参数到后台controller的方法
2018/03/29 Javascript
vue3.0 CLI - 2.5 - 了解组件的三维
2018/09/14 Javascript
详解微信小程序实现仿微信聊天界面(各种细节处理)
2019/02/17 Javascript
layui在form表单页面通过Validform加入简单验证的方法
2019/09/06 Javascript
vue实现element表格里表头信息提示功能(推荐)
2019/11/20 Javascript
在vue项目中引用Antv G2,以饼图为例讲解
2020/10/28 Javascript
Vue 打包的静态文件不能直接运行的原因及解决办法
2020/11/19 Vue.js
[02:50]2014DOTA2 TI预选赛预选赛 大神专访第一弹!
2014/05/21 DOTA
Python中实现两个字典(dict)合并的方法
2014/09/23 Python
python中的装饰器详解
2015/04/13 Python
python使用epoll实现服务端的方法
2018/10/16 Python
利用python如何在前程无忧高效投递简历
2019/05/07 Python
利用python实现PSO算法优化二元函数
2019/11/13 Python
python 牛顿法实现逻辑回归(Logistic Regression)
2020/10/15 Python
3D动画《斗罗大陆》上线当日播放过亿
2021/03/16 国漫
CSS3 3D制作实战案例分析
2016/09/18 HTML / CSS
使用css3绘制出各种几何图形
2016/08/17 HTML / CSS
即时搜索数百万张门票:SeatsForEveryone.com
2018/08/26 全球购物
澳大利亚著名的纺织品品牌:Canningvale
2020/05/05 全球购物
教师党性分析材料
2014/02/04 职场文书
相亲大会策划方案
2014/06/05 职场文书
工地安全生产标语
2014/06/06 职场文书
2015年七一建党节活动方案
2015/05/05 职场文书
2015年国庆节新闻稿
2015/07/18 职场文书
MySQL连接控制插件介绍
2021/09/25 MySQL