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随机展示头像代码
Dec 21 Javascript
js replace正则表达式应用案例讲解
Jan 17 Javascript
JSON辅助格式化处理方法
Mar 26 Javascript
JavaScript全排列的六种算法 具体实现
Jun 29 Javascript
jquery实现弹出层完美居中效果
Mar 03 Javascript
JavaScript实现的简单烟花特效代码
Oct 20 Javascript
vue中element组件样式修改无效的解决方法
Feb 03 Javascript
详解Angular-ui-BootStrap组件的解释以及使用
Jul 13 Javascript
vue页面切换过渡transition效果
Oct 08 Javascript
vue计算属性computed、事件、监听器watch的使用讲解
Jan 21 Javascript
微信小程序实现同一页面取值的方法分析
Apr 30 Javascript
解决qrcode.js生成二维码时必须定义一个空div的问题
Jul 09 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
php实现按指定大小等比缩放生成上传图片缩略图的方法
2014/12/15 PHP
Laravel框架中VerifyCsrfToken报错问题的解决
2017/08/30 PHP
PHP递归统计系统中代码行数
2019/09/19 PHP
tp5.1 框架数据库高级查询技巧实例总结
2020/05/25 PHP
原型方法的不同写法居然会影响调试的解决方法
2007/03/08 Javascript
基于jquery封装的一个js分页
2011/11/15 Javascript
关于页面嵌入swf覆盖div层的问题的解决方法
2014/02/11 Javascript
对new functionName()定义一个函数的理解
2014/05/22 Javascript
node.js中的fs.openSync方法使用说明
2014/12/17 Javascript
jQuery制作拼图小游戏
2015/01/12 Javascript
在JavaScript应用中实现延迟加载的方法
2015/06/25 Javascript
Android中Okhttp3实现上传多张图片同时传递参数
2017/02/18 Javascript
解决微信二次分享不显示摘要和图片的问题
2017/08/18 Javascript
Vue.js框架路由使用方法实例详解
2017/08/25 Javascript
vue服务端渲染的实例代码
2017/08/28 Javascript
javascript+html5+css3自定义弹出窗口效果
2017/10/26 Javascript
vue中的模态对话框组件实现过程
2018/05/01 Javascript
centos 上快速搭建ghost博客方法分享
2018/05/23 Javascript
详解如何在vue-cli中使用vuex
2018/08/07 Javascript
JavaScript函数式编程(Functional Programming)组合函数(Composition)用法分析
2019/05/22 Javascript
三步实现ionic3点击退出app程序
2019/09/17 Javascript
[43:43]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第三场 11.29
2020/12/02 DOTA
使用python实现strcmp函数功能示例
2014/03/25 Python
python修改注册表终止360进程实例
2014/10/13 Python
python抓取文件夹的所有文件
2018/02/27 Python
更换Django默认的模板引擎为jinja2的实现方法
2018/05/28 Python
python写入并获取剪切板内容的实例
2018/05/31 Python
Python3实现从排序数组中删除重复项算法分析
2019/04/03 Python
Django Admin 上传文件到七牛云的示例代码
2020/06/20 Python
详解CSS3开启硬件加速的使用和坑
2017/08/21 HTML / CSS
应用心理学个人的求职信
2013/12/08 职场文书
电脑销售顾问自荐信
2014/01/29 职场文书
酒店值班经理的工作职责范本
2014/02/18 职场文书
灰雀教学反思
2014/04/28 职场文书
研究生个人学年总结
2015/02/14 职场文书
2019年共青团工作条例最新版
2019/11/12 职场文书