JQuery困惑—包装集 DOM节点


Posted in Javascript onOctober 16, 2009

$('#someElement')和$('#someElement')[0],这条语句带给我一段时间的困惑,开始时每次使用我总是在其中一个在出错的时候换成另外一个,
虽然每次都能完成功能,但总是有中说不出的郁闷!后来终于搞懂了其中的道理:$('#someElement')虽然只选择元素,但它仍是包装集,
不能使用DOM节点的方法(如SetAttribute等)。而$('#someElement')[0]确是返回包装集中的第一个元素,所有它能使用DOM节点的方法。

总之:使用JQuery时,需要注意包装集和DOM节点的区别,JQuery提供的方法都是包装集的方法,不能在DOM节点上使用JQuery方法,
同样,DOM节点的方法也不能在包装集上使用,而只能应用于DOM节点。当然除了方法还有属性(如innerHTML)。
同时我能也能将DOM节点包装成包装集:如我们经常要使用$(this),将节点包装成包装集然后使用JQuery的方法进行处理。

Javascript 相关文章推荐
jquery+json 通用三级联动下拉列表
Apr 19 Javascript
jQuery构造函数init参数分析续
May 13 Javascript
JQuery查找DOM节点的方法
Jun 11 Javascript
jQuery获取DOM节点实例分析(2种方式)
Dec 15 Javascript
JS实现简单的右下角弹出提示窗口完整实例
Jun 21 Javascript
Angular 中 select指令用法详解
Sep 29 Javascript
jquery.Callbacks的实现详解
Nov 30 Javascript
微信小程序 wx.login解密出现乱码的问题解决办法
Mar 10 Javascript
深入探究angular2 UI组件之primeNG用法
Jul 26 Javascript
element-ui 关于获取select 的label值方法
Aug 24 Javascript
Js Snowflake(雪花算法)生成随机ID的实现方法
Aug 26 Javascript
解决VUE项目使用Element-ui 下拉组件的验证失效问题
Nov 07 Javascript
JavaScript 对象成员的可见性说明
Oct 16 #Javascript
Javascript 圆角div的实现代码
Oct 15 #Javascript
IE Firefox 使用自定义标签的区别
Oct 15 #Javascript
JavaScript 基础知识 被自己遗忘的
Oct 15 #Javascript
javascript 操作cookies及正确使用cookies的属性
Oct 15 #Javascript
extjs 学习笔记(三) 最基本的grid
Oct 15 #Javascript
JavaScript Array扩展实现代码
Oct 14 #Javascript
You might like
Zend 输出产生XML解析错误
2009/03/03 PHP
说说PHP的autoLoad自动加载机制
2012/09/27 PHP
php验证session无效的解决方法
2014/11/04 PHP
php实现异步数据调用的方法
2015/12/24 PHP
JavaScript判断窗口是否最小化的代码(跨浏览器)
2010/08/01 Javascript
js控制滚动条缓慢滚动到顶部实现代码
2013/03/20 Javascript
js Map List 遍历使用示例
2013/07/10 Javascript
jQuery插件制作之全局函数用法实例
2015/06/01 Javascript
深入理解JS DOM事件机制
2016/08/06 Javascript
JS 动态判断PC和手机浏览器实现代码
2016/09/21 Javascript
详解从Vue.js源码看异步更新DOM策略及nextTick
2017/10/11 Javascript
ES6 javascript中class静态方法、属性与实例属性用法示例
2017/10/30 Javascript
纯js实现隔行变色效果
2017/11/29 Javascript
three.js搭建室内场景教程
2018/12/30 Javascript
详解单页面路由工程使用微信分享及二次分享解决方案
2019/02/22 Javascript
vue插槽slot的理解和使用方法
2019/04/03 Javascript
深度剖析使用python抓取网页正文的源码
2014/06/11 Python
Python的IDEL增加清屏功能实例
2017/06/19 Python
python学习必备知识汇总
2017/09/08 Python
解决pyinstaller打包pyqt5的问题
2019/01/08 Python
利用python实现AR教程
2019/11/20 Python
VS2019+python3.7+opencv4.1+tensorflow1.13配置详解
2020/04/16 Python
Pandas将列表(List)转换为数据框(Dataframe)
2020/04/24 Python
Python爬虫中Selenium实现文件上传
2020/12/04 Python
Python使用tkinter制作在线翻译软件
2021/02/22 Python
CSS3中Color的一些特性介绍
2012/05/27 HTML / CSS
html5的自定义data-*属性与jquery的data()方法的使用
2014/07/02 HTML / CSS
基于HTML5+CSS3实现简单的时钟效果
2017/09/11 HTML / CSS
购买200个世界上最好的内衣品牌:Bare Necessities
2017/02/11 全球购物
在线课程:Skillshare
2019/04/02 全球购物
澳大利亚家庭花园和DIY工具网店:VidaXL
2019/05/03 全球购物
为什么如下的代码int a=100,b=100;long int c=a * b;不能工作
2013/11/29 面试题
初中地理教学反思
2014/01/11 职场文书
幼儿园教学管理制度
2014/02/04 职场文书
2014年网络管理员工作总结
2014/12/01 职场文书
公积金贷款承诺书
2015/04/30 职场文书