浅谈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 相关文章推荐
JavaScript 申明函数的三种方法 每个函数就是一个对象(一)
Dec 04 Javascript
jquery中获得$.ajax()事件返回的值并添加事件的方法
Apr 15 Javascript
jquery购物车实时结算特效实现思路
Sep 23 Javascript
extjs表格文本启用选择复制功能具体实现
Oct 11 Javascript
js实现日历可获得指定日期周数及星期几示例分享(js获取星期几)
Mar 14 Javascript
JS获取复选框的值,并传递到后台的实现方法
May 30 Javascript
Javascript oop设计模式 面向对象编程简单实例介绍
Dec 13 Javascript
ES6学习教程之对象的扩展详解
May 02 Javascript
JavaScript实现QQ聊天消息展示和评论提交功能
May 22 Javascript
JavaScript中重名的函数与对象示例详析
Sep 28 Javascript
vue单页面在微信下只能分享落地页的解决方案
Apr 15 Javascript
Egg Vue SSR 服务端渲染数据请求与asyncData
Nov 24 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
phpmailer中文乱码问题的解决方法
2014/04/22 PHP
Discuz批量替换帖子内容的方法(使用SQL更新数据库)
2014/06/23 PHP
php 解析xml 的四种方法详细介绍
2016/10/26 PHP
PHP排序算法之基数排序(Radix Sort)实例详解
2018/04/21 PHP
JavaScript入门教程(8) Location地址对象
2009/01/31 Javascript
firefo xml 读写实现js代码
2009/06/11 Javascript
使用纯javascript实现放大镜效果
2015/03/18 Javascript
jQuery判断checkbox选中状态
2016/05/12 Javascript
限制复选框最多选择项的实现代码
2016/05/30 Javascript
微信小程序-详解数据缓存
2016/11/24 Javascript
Javascript基础回顾之(三) js面向对象
2017/01/31 Javascript
jQuery实现input输入框获取焦点与失去焦点时提示的消失与显示功能示例
2019/05/27 jQuery
微信小程序实现侧边栏分类
2019/10/21 Javascript
[00:52]黑暗之门更新 新英雄孽主驾临DOTA2
2016/08/24 DOTA
python中类的一些方法分析
2014/09/25 Python
在Python中通过threading模块定义和调用线程的方法
2016/07/12 Python
python使用pymysql实现操作mysql
2016/09/13 Python
python2与python3共存问题的解决方法
2018/09/18 Python
python 获取图片分辨率的方法
2019/01/08 Python
django query模块
2019/04/20 Python
Python3列表内置方法大全及示例代码小结
2019/05/10 Python
python粘包问题及socket套接字编程详解
2019/06/29 Python
python使用beautifulsoup4爬取酷狗音乐代码实例
2019/12/04 Python
python plotly画柱状图代码实例
2019/12/13 Python
利用Python脚本实现自动刷网课
2020/02/03 Python
python实现最速下降法
2020/03/24 Python
Pyinstaller加密打包应用的示例代码
2020/06/11 Python
详解Python多线程下的list
2020/07/03 Python
Python爬虫之Selenium库的使用方法
2021/01/03 Python
HTML5中外部浏览器唤起微信分享功能的代码
2020/09/15 HTML / CSS
如何开发一个JQuery插件
2016/07/28 面试题
优秀信贷员先进事迹
2014/01/31 职场文书
2014年幼师工作总结
2014/11/22 职场文书
团代会闭幕词
2015/01/28 职场文书
Pytorch 统计模型参数量的操作 param.numel()
2021/05/13 Python
Win11 Beta 22621.601 和 22622.601今日发布 KB5017384修复内容汇总
2022/09/23 数码科技