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 相关文章推荐
JavaScript 中的replace方法说明
Apr 13 Javascript
window.open以post方式将内容提交到新窗口
Dec 26 Javascript
javascript的BOM
May 03 Javascript
node.js 动态执行脚本
Jun 02 Javascript
第四篇Bootstrap网格系统偏移列和嵌套列
Jun 21 Javascript
Highcharts入门之简介
Aug 02 Javascript
AngularJS 过滤与排序详解及实例代码
Sep 14 Javascript
jQuery实现拖动效果的实例代码
Jun 25 jQuery
Vue.js数据绑定之data属性
Jul 07 Javascript
9种使用Chrome Firefox 自带调试工具调试javascript技巧
Dec 22 Javascript
微信小程序自定义多列选择器使用详解
Jun 21 Javascript
Vue中父子组件的值传递与方法传递
Sep 28 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关于htmlspecialchars、strip_tags、addslashes的解释
2014/07/04 PHP
thinkphp中memcache的用法实例
2014/11/29 PHP
PHP 5.3和PHP 5.4出现FastCGI Error解决方法
2015/02/12 PHP
PHP 设计模式系列之 specification规格模式
2016/01/10 PHP
PHP5.3新特性小结
2016/02/14 PHP
Laravel框架使用技巧之使用url()全局函数返回前一个页面的地址方法详解
2020/04/06 PHP
asp.net下利用js实现返回上一页的实现方法小集
2009/11/24 Javascript
html a标签-超链接中confirm方法使用介绍
2013/01/04 Javascript
Javascript实现动态菜单添加的实例代码
2013/07/05 Javascript
JS自定义功能函数实现动态添加网址参数修改网址参数值
2013/08/02 Javascript
js 自定义个性下拉选择框示例
2013/08/20 Javascript
5个最顶级jQuery图表类库插件【jquery插件库】
2016/05/05 Javascript
Vue.js tab实现选项卡切换
2017/05/16 Javascript
Vue计算属性的使用
2017/08/04 Javascript
node结合swig渲染摸板的方法
2018/04/11 Javascript
微信小程序的部署方法步骤
2018/09/04 Javascript
vue + element-ui的分页问题实现
2018/12/17 Javascript
vue cli安装使用less的教程详解
2019/07/12 Javascript
[58:00]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Elephant BO3 第二场 2月7日
2021/03/11 DOTA
Python中的测试模块unittest和doctest的使用教程
2015/04/14 Python
Python 提取dict转换为xml/json/table并输出的实现代码
2016/08/28 Python
Python中的sort()方法使用基础教程
2017/01/08 Python
windows 10下安装搭建django1.10.3和Apache2.4的方法
2017/04/05 Python
python如何重载模块实例解析
2018/01/25 Python
python中的for循环
2018/09/28 Python
spark dataframe 将一列展开,把该列所有值都变成新列的方法
2019/01/29 Python
Python  Django 母版和继承解析
2019/08/09 Python
百思买美国官网:Best Buy
2016/07/28 全球购物
工程预算与管理应届生求职信
2013/10/06 职场文书
小学生感恩演讲稿
2014/04/25 职场文书
班级标语大全
2014/06/21 职场文书
2014年党风建设工作总结
2014/11/19 职场文书
教师“一帮一”结对子活动总结
2015/05/07 职场文书
2015年节能降耗工作总结
2015/05/22 职场文书
交通事故代理词范文
2015/05/23 职场文书
在Django中使用MQTT的方法
2021/05/10 Python