浅谈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 相关文章推荐
jquery 必填项判断表单是否为空的方法
Sep 14 Javascript
JS调试必备的5个debug技巧
Mar 07 Javascript
JQuery打造省市下拉框联动效果
May 18 Javascript
jQuery选择器源码解读(四):tokenize方法的Expr.preFilter
Mar 31 Javascript
Bootstrap多级导航栏(级联导航)的实现代码
Mar 08 Javascript
JavaScript隐式类型转换
Mar 15 Javascript
JS提示:Uncaught SyntaxError:Unexpected token ) 错误的解决方法
Aug 19 Javascript
web 前端常用组件之Layer弹出层组件
Sep 22 Javascript
js实现一键复制功能
Mar 16 Javascript
JS中的BOM应用
Feb 02 Javascript
详解微信小程序网络请求接口封装实例
May 02 Javascript
Node.js实现用户评论社区功能(体验前后端开发的乐趣)
May 09 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 反向排序和随机排序代码
2010/06/30 PHP
PHP常用正则表达式集锦
2014/08/17 PHP
PHP实现的AES双向加密解密功能示例【128位】
2018/09/03 PHP
iframe 自适应高度[在IE6 IE7 FF下测试通过]
2009/04/13 Javascript
js跨域和ajax 跨域问题的实现思路
2009/09/05 Javascript
为什么Node.js会这么火呢?Node.js流行的原因
2014/12/01 Javascript
jQuery实现行文字链接提示效果的方法
2015/03/10 Javascript
jQuery简单实现禁用右键菜单
2015/03/10 Javascript
基于JavaScript实现鼠标悬浮弹出跟随鼠标移动的带箭头的信息层
2016/01/18 Javascript
实践中学习AngularJS表单
2016/03/21 Javascript
EasyUi combotree 实现动态加载树节点
2016/04/01 Javascript
JS监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法
2016/08/05 Javascript
微信小程序 教程之事件
2016/10/18 Javascript
详解Angular.js数据绑定时自动转义html标签及内容
2017/03/30 Javascript
Angular2.0/4.0 使用Echarts图表的示例代码
2017/12/07 Javascript
vue中axios的二次封装实例讲解
2019/10/14 Javascript
Python求两个list的差集、交集与并集的方法
2014/11/01 Python
python 读取excel文件生成sql文件实例详解
2017/05/12 Python
Python 实现数据库(SQL)更新脚本的生成方法
2017/07/09 Python
django2用iframe标签完成网页内嵌播放b站视频功能
2018/06/20 Python
Flask框架WTForm表单用法示例
2018/07/20 Python
Python求平面内点到直线距离的实现
2020/01/19 Python
Python调用百度OCR实现图片文字识别的示例代码
2020/07/17 Python
丽笙酒店官方网站:Radisson Hotels
2019/05/07 全球购物
全球异乡人的跨境社交电商平台:Kouhigh口嗨网
2020/07/24 全球购物
美国在线家具网站:GDFStudio
2021/03/13 全球购物
北京-环亚运商测试题.net程序员初步测试题
2013/05/28 面试题
临床医学专业个人的自我评价
2013/09/27 职场文书
建筑工程专业大学生求职信
2014/04/23 职场文书
对外汉语专业大学生职业生涯规划范文
2014/09/13 职场文书
先进事迹材料怎么写
2014/12/30 职场文书
2015年大学班主任工作总结
2015/04/30 职场文书
自我检讨书怎么写
2015/05/07 职场文书
中学校园广播稿
2015/08/18 职场文书
简历自我评价范文
2019/04/24 职场文书
教你一步步实现一个简易promise
2021/11/02 Javascript