浅谈jQuery中的eq()与DOM中element.[]的区别


Posted in Javascript onOctober 28, 2016

如下所示:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>

  <a class="a">#1</a>
  <a class="a">#2</a>
  <a class="a">#3</a>
  <script src="js/jq.js"></script>

  <script>
    var a = $('.a') ;
    var b = $('.a').eq(1) ;
    var c = $('.a')[1];
    var d = $('.a').eq(1)[0];
    var f = $('.a')[0].eq(1);

  </script>
</body>
</html>

$('.a')  // 选择了3个a,都是jq对象(可以用jq的属性、方法)

$('.a').eq(1) // 选择了第二个a,是jq对象(不可以使用dom属性方法,可以用jq的属性、方法)

$('.a')[1]  // 选择了第二个a,是dom对象(可以使用dom属性,方法,不可以使用jq属性方法)

$('.a').eq(1)[0]  // 选择了第二个a,并且转化成都是dom对象(可以使用dom属性,方法,不可以使用jq属性方法)

-----由此可见,jquery将js的又包装了一层,jq属性可以剥开包装调用dom属性,而dom则无法调用jq的属性方法。

$('.a')[0].eq(1) // 错误,因为dom对象用不了jq方法,eq()是jq方法。

以上就是小编为大家带来的浅谈jQuery中的eq()与DOM中element.[]的区别全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
执行iframe中的javascript方法
Oct 07 Javascript
Array, Array Constructor, for in loop, typeof, instanceOf
Sep 13 Javascript
了解一点js的Eval函数
Jul 26 Javascript
JSON无限折叠菜单编写实例
Dec 16 Javascript
js, jQuery实现全选、反选功能
Mar 08 Javascript
微信小程序实现图片上传、删除和预览功能的方法
Dec 18 Javascript
实例讲解JavaScript截取字符串
Nov 30 Javascript
总结4个方面优化Vue项目
Feb 11 Javascript
react MPA 多页配置详解
Oct 18 Javascript
vue 使用v-for进行循环的实例代码详解
Feb 19 Javascript
微信小程序实现滑动操作代码
Apr 23 Javascript
vue 弹出遮罩层样式实例
Jul 22 Javascript
js基础之DOM中document对象的常用属性方法详解
Oct 28 #Javascript
Javascript+CSS3实现进度条效果
Oct 28 #Javascript
js基础之DOM中元素对象的属性方法详解
Oct 28 #Javascript
JavaScript中访问id对象 属性的方式访问属性(实例代码)
Oct 28 #Javascript
JavaScript 轮播图和自定义滚动条配合鼠标滚轮分享代码贴
Oct 28 #Javascript
微信小程序 loading(加载中提示框)实例
Oct 28 #Javascript
使用json来定义函数,在里面可以定义多个函数的实现方法
Oct 28 #Javascript
You might like
php模板原理讲解
2013/11/13 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十六)
2014/06/30 PHP
ThinkPHP中使用ajax接收json数据的方法
2014/12/18 PHP
盘点PHP和ASP.NET的10大对比!
2015/12/24 PHP
tp5 sum某个字段相加得到总数的例子
2019/10/18 PHP
12行javascript代码绘制一个八卦图
2015/04/02 Javascript
jQuery基于ajax方式实现用户名存在性检查功能示例
2017/02/10 Javascript
bootstrap datetimepicker 日期插件在火狐下出现一条报错信息的原因分析及解决办法
2017/03/08 Javascript
ES6新特性之解构、参数、模块和记号用法示例
2017/04/01 Javascript
JavaScript实现的冒泡排序法及统计相邻数交换次数示例
2017/04/26 Javascript
jquery处理checkbox(复选框)是否被选中实例代码
2017/06/12 jQuery
es7学习教程之fetch解决异步嵌套问题的方法示例
2017/07/21 Javascript
JS实现的base64加密解密操作示例
2018/04/18 Javascript
浅谈Vue初学之props的驼峰命名
2018/07/19 Javascript
vue 使某个组件不被 keep-alive 缓存的方法
2018/09/21 Javascript
使用apifm-wxapi快速开发小程序过程详解
2019/08/05 Javascript
axios异步提交表单数据的几种方法
2019/08/11 Javascript
基于Vue中使用节流Lodash throttle详解
2019/10/30 Javascript
[26:52]LGD vs EG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
Python字符串切片操作知识详解
2016/03/28 Python
Python自动化运维和部署项目工具Fabric使用实例
2016/09/18 Python
python dataframe常见操作方法:实现取行、列、切片、统计特征值
2018/06/09 Python
详解Python3的TFTP文件传输
2018/06/26 Python
mac下如何将python2.7改为python3
2018/07/13 Python
python实现邮件自动发送
2019/08/10 Python
解决python3 requests headers参数不能有中文的问题
2019/08/21 Python
浅谈Django中的QueryDict元素为数组的坑
2020/03/31 Python
python3.6.8 + pycharm + PyQt5 环境搭建的图文教程
2020/06/11 Python
护理专业自荐信
2013/12/03 职场文书
一份文言文检讨书
2014/09/13 职场文书
2015年人民调解工作总结
2015/05/18 职场文书
文明礼仪主题班会
2015/08/13 职场文书
优秀范文:读《红岩》有感3篇
2019/10/14 职场文书
启迪人心的励志语录:脾气永远不要大于本事
2020/01/02 职场文书
解决Mysql多行子查询的使用及空值问题
2022/01/22 MySQL
SpringCloud Function SpEL注入漏洞分析及环境搭建
2022/04/08 Java/Android