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的解析方式
Jul 25 Javascript
jquery 检测元素是否存在的实例代码
Nov 19 Javascript
验证码在IE中不刷新而谷歌等浏览器正常的解决方案
Mar 18 Javascript
JavaScript原生对象之Number对象的属性和方法详解
Mar 13 Javascript
基于Bootstrap实现tab标签切换效果
Apr 15 Javascript
jQuery Checkbox 全选 反选的简单实例
Nov 29 Javascript
JavaScript实现倒计时跳转页面功能【实用】
Dec 13 Javascript
jquery实现input框获取焦点的简单实例
Jan 26 Javascript
javascript设计模式之策略模式学习笔记
Feb 15 Javascript
bootstrap+jQuery实现的动态进度条功能示例
May 25 jQuery
浅谈vue首屏加载优化
Jun 28 Javascript
ES6中的Javascript解构的实现
Oct 30 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
收音机术语解释
2021/03/01 无线电
用PHP控制用户的浏览器--ob*函数的使用说明
2007/03/16 PHP
实现dedecms全站URL静态化改造的代码
2007/03/29 PHP
UCenter Home二次开发指南
2009/05/28 PHP
linux下编译安装memcached服务
2014/08/03 PHP
浅谈使用PHP开发微信支付的流程
2015/10/04 PHP
PHP页面转UTF-8中文编码乱码的解决办法
2015/10/20 PHP
在PHP站点的页面上添加Facebook评论插件的实例教程
2016/01/08 PHP
解析 thinkphp 框架中的部分方法
2017/05/07 PHP
javascript编程起步(第二课)
2007/02/27 Javascript
JavaScript性能陷阱小结(附实例说明)
2010/12/28 Javascript
采用call方式实现js继承
2014/05/20 Javascript
自编jQuery插件实现模拟alert和confirm
2014/09/01 Javascript
jquery实现仿新浪微博评论滚动效果
2015/08/06 Javascript
浅谈JavaScript 的执行顺序
2015/08/07 Javascript
通过正则表达式获取url中参数的简单实现
2016/06/07 Javascript
Layui table 组件的使用之初始化加载数据、数据刷新表格、传参数
2017/09/11 Javascript
html中通过JS获取JSON数据并加载的方法
2017/11/30 Javascript
JS实现基于拖拽改变物体大小的方法
2018/01/23 Javascript
JS中获取 DOM 元素的绝对位置实例详解
2018/04/23 Javascript
详解Webpack loader 之 file-loader
2018/11/07 Javascript
基于vue开发微信小程序mpvue-docs跳转页面功能
2019/04/10 Javascript
详解微信小程序轨迹回放实现及遇到的坑
2021/02/02 Javascript
Python中for循环和while循环的基本使用方法
2015/08/21 Python
pytorch 实现模型不同层设置不同的学习率方式
2020/01/06 Python
解决torch.autograd.backward中的参数问题
2020/01/07 Python
基于Python采集爬取微信公众号历史数据
2020/11/27 Python
TripAdvisor瑞典:全球领先的旅游网站
2017/12/11 全球购物
英国珠宝和手表专家:Pleasance & Harper
2020/10/21 全球购物
性能测试工程师的面试题
2015/02/20 面试题
艺术设计专业个人求职信
2013/09/21 职场文书
仓库管理专业个人自我评价范文
2013/11/11 职场文书
喝酒检查书范文
2014/02/23 职场文书
集团公司党的群众路线教育实践活动工作总结
2014/03/03 职场文书
社区党支部公开承诺书
2015/04/29 职场文书
Python字典的基础操作
2021/11/01 Python