浅谈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 相关文章推荐
prototype 学习笔记整理
Jul 17 Javascript
理解Javascript_09_Function与Object
Oct 16 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(四)用地图块拼成大地图
Jan 23 Javascript
jquery制作居中遮罩层效果分享
Feb 21 Javascript
js简单实现表单中点击按钮动态增加输入框数量的方法
Aug 18 Javascript
js多功能分页组件layPage使用方法详解
May 19 Javascript
Bootstrap Table使用整理(五)之分页组合查询
Jun 09 Javascript
浅析vue-router原理
Oct 19 Javascript
详解vue在项目中使用百度地图
Mar 26 Javascript
Vue Extends 扩展选项用法完整实例
Sep 17 Javascript
微信小程序实现分享商品海报功能
Sep 30 Javascript
关于Node.js中频繁修改代码重启服务器的问题
Oct 15 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/05/09 PHP
基于php在各种web服务器的运行模式详解
2013/06/03 PHP
php实现的一个简单json rpc框架实例
2015/03/30 PHP
jquery.lazyload  实现图片延迟加载jquery插件
2010/02/06 Javascript
jQuery 1.5 源码解读 面向中高阶JSER
2011/04/05 Javascript
在chrome浏览器中,防止input[text]和textarea在聚焦时出现黄色边框的解决方法
2011/05/24 Javascript
Jquery显示和隐藏元素或设为只读(含Ligerui的控件禁用,实例说明介绍)
2013/07/09 Javascript
使用javascript实现ListBox左右全选,单选,多选,全请
2013/11/07 Javascript
js中一个函数获取另一个函数返回值问题探讨
2013/11/21 Javascript
JavaScript中this关键词的使用技巧、工作原理以及注意事项
2014/05/20 Javascript
jquery取子节点及当前节点属性值的方法
2014/09/09 Javascript
js给网页加上背景音乐及选择音效的方法
2015/03/03 Javascript
JavaScript中计算网页中某个元素的位置
2015/06/10 Javascript
基于jQuery实现的向下滑动二级菜单效果代码
2015/08/31 Javascript
JavaScript记录光标在编辑器中位置的实现方法
2016/04/22 Javascript
laypage分页控件使用实例详解
2016/05/19 Javascript
vue.js通过自定义指令实现数据拉取更新的实现方法
2016/10/18 Javascript
关于 jQuery Easyui异步加载tree的问题解析
2016/12/06 Javascript
JS实现太极旋转思路分析
2016/12/09 Javascript
bootstrap table实现点击翻页功能 可记录上下页选中的行
2017/09/28 Javascript
详解Vue微信授权登录前后端分离较为优雅的解决方案
2018/06/29 Javascript
JavaScript运动原理基础知识详解
2020/04/02 Javascript
python中的代码编码格式转换问题
2015/06/10 Python
全面了解Python环境配置及项目建立
2016/06/30 Python
python实现微信小程序自动回复
2018/09/10 Python
利用python对excel中一列的时间数据更改格式操作
2020/07/14 Python
Python 实现键盘鼠标按键模拟
2020/11/18 Python
英国天然抗衰老护肤品品牌:Nakin Skin Care
2019/04/16 全球购物
车间班组长的职责
2013/12/13 职场文书
企业内部培训方案
2014/02/04 职场文书
计算机考试作弊检讨书1000字
2015/01/01 职场文书
幼儿园教师节活动总结
2015/03/23 职场文书
课题研究阶段性总结
2015/08/13 职场文书
pytorch中的model=model.to(device)使用说明
2021/05/24 Python
如何自己动手写SQL执行引擎
2021/06/02 MySQL
关于JavaScript 中 if包含逗号表达式
2021/11/27 Javascript