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 相关文章推荐
JS字符串处理实例代码
Aug 05 Javascript
javascript 实现字符串反转的三种方法
Nov 23 Javascript
js常用自定义公共函数汇总
Jan 15 Javascript
JS 面向对象之继承---多种组合继承详解
Jul 10 Javascript
jquery validation验证表单插件
Jan 07 Javascript
Vue + Webpack + Vue-loader学习教程之功能介绍篇
Mar 14 Javascript
解决canvas画布使用fillRect()时高度出现双倍效果的问题
Aug 03 Javascript
简单谈谈CommonsChunkPlugin抽取公共模块
Dec 31 Javascript
jQuery+css last-child实现选择最后一个子元素操作示例
Dec 10 jQuery
JS二级菜单不同实现方法分析【4种方法】
Dec 21 Javascript
JavaScript解析机制与闭包原理实例详解
Mar 08 Javascript
ES6知识点整理之Proxy的应用实例详解
Apr 16 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 api扩展的php对象的autoload工具
2011/04/18 PHP
超级实用的7个PHP代码片段分享
2012/01/05 PHP
php中将指针移动到数据集初始位置的实现代码[mysql_data_seek]
2012/11/01 PHP
浅析PHP 中move_uploaded_file 上传中文文件名失败
2019/04/17 PHP
超级兔子让浮动层消失的前因后果
2007/03/09 Javascript
js获取页面传来参数的方法
2014/09/06 Javascript
director.js实现前端路由使用实例
2015/02/03 Javascript
Node.js实用代码段之获取Buffer对象字节长度
2016/03/17 Javascript
EasyUI Pagination 分页的两种做法小结
2016/07/09 Javascript
浅谈Javascript数据属性与访问器属性
2016/07/26 Javascript
详解js树形控件—zTree使用总结
2016/12/28 Javascript
关于vue.js v-bind 的一些理解和思考
2017/06/06 Javascript
实现微信小程序的wxml文件和wxss文件在webstrom的支持
2017/06/12 Javascript
用js将long型数据转换成date型或datetime型的实例
2017/07/03 Javascript
vue.js框架实现表单排序和分页效果
2017/08/09 Javascript
IE11下使用canvas.toDataURL报SecurityError错误的解决方法
2017/11/19 Javascript
nodejs实现UDP组播示例方法
2019/11/04 NodeJs
JQuery中的常用事件、对象属性与使用方法分析
2019/12/23 jQuery
JS实现简易留言板特效
2019/12/23 Javascript
使用python检测主机存活端口及检查存活主机
2015/10/12 Python
深入浅析python定时杀进程
2016/06/06 Python
asyncio 的 coroutine对象 与 Future对象使用指南
2016/09/11 Python
python实现二分查找算法
2017/09/21 Python
Django中间件工作流程及写法实例代码
2018/02/06 Python
在Python中实现函数重载的示例代码
2019/12/12 Python
Python字符串、列表、元组、字典、集合的补充实例详解
2019/12/20 Python
安装并免费使用Pycharm专业版(学生/教师)
2020/09/24 Python
纯HTML5+CSS3制作图片旋转
2016/01/12 HTML / CSS
英国家庭家具、照明和花园家具购物网站:Furniture123
2018/12/31 全球购物
小学后勤管理制度
2014/01/14 职场文书
公司担保书格式范文
2014/05/12 职场文书
销售岗位职责范本
2014/06/12 职场文书
合作协议书范本
2014/10/25 职场文书
大学生年度个人总结
2015/02/15 职场文书
2015年园林绿化工作总结
2015/05/23 职场文书
SQL SERVER触发器详解
2022/02/24 SQL Server