浅谈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 相关文章推荐
myeclipse安装jQuery插件的方法
Mar 29 Javascript
利用jQuery操作对象数组的实现代码
Apr 27 Javascript
JQuery对表格进行操作的常用技巧总结
Apr 23 Javascript
JS弹出可拖拽可关闭的div层完整实例
Feb 13 Javascript
js实现字符串和数组之间相互转换操作
Jan 12 Javascript
学习JavaScript事件流和事件处理程序
Jan 25 Javascript
JQuery和PHP结合实现动态进度条上传显示
Nov 23 Javascript
Vue.js实现微信过渡动画左右切换效果
Jun 13 Javascript
AngularJS中的路由使用及实现代码
Oct 09 Javascript
微信小程序 scroll-view实现锚点滑动的示例
Dec 06 Javascript
webpack4.x打包过程详解
Jul 18 Javascript
vue2路由基本用法实例分析
Mar 06 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开发模式(简写版)
2007/03/15 PHP
php iconv() : Detected an illegal character in input string
2010/12/05 PHP
PHP 清空varnish 缓存的详解(包括指定站点下的)
2013/06/20 PHP
PHP面向对象程序设计子类扩展父类(子类重新载入父类)操作详解
2019/06/14 PHP
去除链接虚线全面分析总结
2006/08/15 Javascript
AppBaseJs 类库 网上常用的javascript函数及其他js类库写的
2010/03/04 Javascript
Javascript 匿名函数及其代码模式原理
2010/03/19 Javascript
javascript动态加载实现方法一
2012/08/22 Javascript
Vue获取DOM元素样式和样式更改示例
2017/03/07 Javascript
Vue Echarts实现可视化世界地图代码实例
2019/05/07 Javascript
解决layui动态添加的元素click等事件触发不了的问题
2019/09/20 Javascript
使用webpack将ES6转化ES5的实现方法
2019/10/13 Javascript
解决vue-router 切换tab标签关闭时缓存问题
2020/07/22 Javascript
在Python中使用判断语句和循环的教程
2015/04/25 Python
详解Python的Django框架中的templates设置
2015/05/11 Python
Python实现Windows上气泡提醒效果的方法
2015/06/03 Python
Python for Informatics 第11章之正则表达式(四)
2016/04/21 Python
Python 编码处理-str与Unicode的区别
2016/09/06 Python
pip 安装库比较慢的解决方法(国内镜像)
2019/10/06 Python
简单了解pytest测试框架setup和tearDown
2020/04/14 Python
Python限制内存和CPU使用量的方法(Unix系统适用)
2020/08/04 Python
AmazeUI框架搭建的方法步骤(图文)
2020/08/17 HTML / CSS
最耐用行李箱,一箱永流传:Briggs & Riley(全球终身保修)
2017/12/07 全球购物
英国在线汽车和面包车零件商店:Car Parts 4 Less
2018/08/15 全球购物
Araks官网:纽约内衣品牌
2020/10/15 全球购物
htmlentities() 和 htmlspecialchars()有什么区别
2015/07/01 面试题
大学毕业生通用求职信
2013/09/28 职场文书
销售顾问岗位职责
2014/02/25 职场文书
保护母亲河倡议书
2014/04/14 职场文书
经典的毕业生自荐信范文
2014/04/14 职场文书
微笑服务标语
2014/06/24 职场文书
学习退步检讨书
2014/09/28 职场文书
标准离婚协议书范文下载
2014/11/30 职场文书
房贷收入证明范本
2015/06/12 职场文书
返乡农民工证明
2015/06/24 职场文书
天谕手游15杯全调酒配方和调酒券的获得方式
2022/04/06 其他游戏