关于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继承 Base类的源码解析
Dec 30 Javascript
JQuery里选择超链接的实现代码
May 22 Javascript
jQuery回到顶部的代码
Jul 09 Javascript
JS获取IE版本号与HTML设置IE文档模式的方法
Oct 09 Javascript
AngularJS框架的ng-app指令与自动加载实现方法分析
Jan 04 Javascript
vue数据双向绑定的注意点
Jun 23 Javascript
jQuery实现文字超过1行、2行或规定的行数时自动加省略号的方法
Mar 28 jQuery
微信小程序通过保存图片分享到朋友圈功能
May 24 Javascript
基于javascript实现日历功能原理及代码实例
May 07 Javascript
微信小程序调用后台service教程详解
Nov 06 Javascript
微信小程序实现滚动Tab选项卡
Nov 16 Javascript
vue项目多环境配置(.env)的实现
Jul 21 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调用Java对象的方法
2006/10/09 PHP
PHP读取MySQL数据代码
2008/06/05 PHP
PHP中异常处理的一些方法整理
2015/07/03 PHP
PHP中使用curl伪造IP的简单方法
2015/08/07 PHP
PHP数据库操作Helper类完整实例
2016/05/11 PHP
微信网页授权(OAuth2.0) PHP 源码简单实现
2016/08/29 PHP
Laravel框架路由和控制器的绑定操作方法
2018/06/12 PHP
php实现有序数组旋转后寻找最小值方法
2018/09/27 PHP
php7 图形用户界面GUI 开发示例
2020/02/22 PHP
PHP使用PhpSpreadsheet操作Excel实例详解
2020/03/26 PHP
JavaScript函数详解
2015/02/27 Javascript
javascript中关于&amp;&amp; 和 || 表达式的小技巧分享
2015/04/10 Javascript
基于jQuery全屏焦点图左右切换插件responsiveslides
2015/09/07 Javascript
JS判断是否在微信浏览器打开的简单实例(推荐)
2016/08/24 Javascript
jQuery手风琴的简单制作
2017/05/12 jQuery
详解vue-cli本地环境API代理设置和解决跨域
2017/09/05 Javascript
关于vue中的ajax请求和axios包问题
2018/04/19 Javascript
转换layUI的数据表格中的日期格式方法
2019/09/19 Javascript
javascript单张多张图无缝滚动实例代码
2020/05/10 Javascript
[05:07]DOTA2英雄梦之声_第14期_暗影恶魔
2014/06/20 DOTA
[01:21:07]EG vs Liquid 2018国际邀请赛淘汰赛BO3 第一场 8.25
2018/08/29 DOTA
Python Socket编程之多线程聊天室
2018/07/28 Python
pandas中apply和transform方法的性能比较及区别介绍
2018/10/30 Python
Django用户认证系统如何实现自定义
2020/11/12 Python
CSS3中的Transition过度与Animation动画属性使用要点
2016/05/20 HTML / CSS
HTML5自定义属性的问题分析
2019/08/16 HTML / CSS
HTML5录音实践总结(Preact)
2020/05/07 HTML / CSS
Kaufmann Mercantile官网:家居装饰、配件、户外及更多
2018/09/28 全球购物
致100米运动员广播稿
2014/02/14 职场文书
《金色的脚印》教后反思
2014/04/23 职场文书
亲子阅读的活动方案
2014/08/15 职场文书
单位法定代表人授权委托书
2014/09/20 职场文书
端午节寄语2015
2015/03/23 职场文书
大学生团日活动总结
2015/05/06 职场文书
总结会主持词
2015/07/02 职场文书
详解Js模块化的作用原理和方案
2021/04/29 Javascript