浅谈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 相关文章推荐
动态加载js文件 document.createElement
Oct 14 Javascript
img onload事件绑定各浏览器均可执行
Dec 19 Javascript
浅谈Unicode与JavaScript的发展史
Jan 19 Javascript
bootstrap警告框使用方法解析
Jan 13 Javascript
Google 爬虫如何抓取 JavaScript 的内容
Apr 07 Javascript
jQuery ajax动态生成table功能示例
Jun 14 jQuery
vue-cli如何引入bootstrap工具的方法
Oct 19 Javascript
微信小程序实现鼠标拖动效果示例
Dec 01 Javascript
js获取html页面代码中图片地址的实现代码
Mar 05 Javascript
微信小程序dom操作的替代思路实例分析
Dec 06 Javascript
详解Vue项目中实现锚点定位
Apr 24 Javascript
解决await在forEach中不起作用的问题
Feb 25 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下HTTP Response中的Chunked编码实现方法
2008/11/19 PHP
joomla内置的表单验证功能使用方法
2010/06/11 PHP
PHP 反向排序和随机排序代码
2010/06/30 PHP
推荐25款php中非常有用的类库
2014/09/29 PHP
Windows下安装PHP单元测试环境PHPUnit图文教程
2014/10/24 PHP
浅谈PHP的反射API
2017/02/26 PHP
小议Javascript中的this指针
2010/03/18 Javascript
jQuery当鼠标悬停时放大图片的效果实例
2013/07/03 Javascript
JavaScript判断字符长度、数字、Email、电话等常用判断函数分享
2015/04/01 Javascript
整理JavaScript创建对象的八种方法
2015/11/03 Javascript
Javascript中的对象和原型(二)
2016/08/12 Javascript
使用JavaScript解决网页图片拉伸问题(推荐)
2016/11/25 Javascript
微信小程序 定位到当前城市实现实例代码
2017/02/23 Javascript
jQuery ajax实现省市县三级联动
2021/03/07 Javascript
vue.js实例对象+组件树的详细介绍
2017/10/20 Javascript
在vue中通过axios异步使用echarts的方法
2018/01/13 Javascript
echarts鼠标覆盖高亮显示节点及关系名称详解
2018/03/17 Javascript
详解NodeJs开发微信公众号
2018/05/25 NodeJs
详解vue在项目中使用百度地图
2019/03/26 Javascript
jQuery 选择器用法基础入门示例
2020/01/04 jQuery
[04:59]DOTA2-DPC中国联赛 正赛 Ehome vs iG 选手采访
2021/03/11 DOTA
pymssql ntext字段调用问题解决方法
2008/12/17 Python
python中for语句简单遍历数据的方法
2015/05/07 Python
Flask框架通过Flask_login实现用户登录功能示例
2018/07/17 Python
pytorch 转换矩阵的维数位置方法
2018/12/08 Python
Python3内置模块pprint让打印比print更美观详解
2019/06/02 Python
python flask框架实现传数据到js的方法分析
2019/06/11 Python
Python读取配置文件(config.ini)以及写入配置文件
2020/04/08 Python
Python中and和or如何使用
2020/05/28 Python
Diptyque英国官方网站:源自法国的知名香氛品牌
2019/08/28 全球购物
安全负责人任命书
2014/06/06 职场文书
危货运输企业安全生产责任书
2014/07/28 职场文书
公司向个人借款协议书范本
2014/10/09 职场文书
小学生毕业评语
2014/12/26 职场文书
主持人开场白台词
2015/05/29 职场文书
Python使用plt.boxplot()函数绘制箱图、常用方法以及含义详解
2022/08/14 Python