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写的数字拼图小游戏代码[学习参考]
Oct 29 Javascript
dwr spring的集成实现代码
Mar 22 Javascript
js Function类型
Dec 04 Javascript
ExtJS自定义主题(theme)样式详解
Nov 18 Javascript
JQuery实现当鼠标停留在某区域3秒后自动执行
Sep 09 Javascript
Node.js插件安装图文教程
May 06 Javascript
JavaScript常用判断写法大全(推荐)
May 30 Javascript
xmlplus组件设计系列之图标(ICON)(1)
May 05 Javascript
利用JS实现scroll自定义滚动效果详解
Oct 17 Javascript
Vue根据条件添加click事件的方式
Nov 09 Javascript
JavaScript Window浏览器对象模型原理解析
May 30 Javascript
JavaScript编码小技巧分享
Sep 17 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
《魔兽争霸3:重制版》更新 多项视觉效果调整
2020/05/04 魔兽争霸
PHP时间戳使用实例代码
2008/06/07 PHP
php cout<<的一点看法
2010/01/24 PHP
ThinkPHP和UCenter接口冲突的解决方法
2016/07/25 PHP
Laravel实现批量更新多条数据
2020/04/06 PHP
深入理解JavaScript系列(13) This? Yes,this!
2012/01/18 Javascript
jquery mobile实现拨打电话功能的几种方法
2013/08/05 Javascript
百度地图自定义控件分享
2015/03/04 Javascript
JavaScript数组去重的五种方法
2015/11/05 Javascript
Node.js环境下编写爬虫爬取维基百科内容的实例分享
2016/06/12 Javascript
jquery 追加元素append、prepend、before、after用法与区别分析
2016/12/02 Javascript
深入理解JavaScript创建对象的多种方式以及优缺点
2017/06/01 Javascript
Vue.extend构造器的详解
2017/07/17 Javascript
浅谈node的事件机制
2017/10/09 Javascript
Vue中v-show添加表达式的问题(判断是否显示)
2018/03/26 Javascript
浅谈angular表单提交中ng-submit的默认使用方法
2018/09/30 Javascript
实用Javascript调试技巧分享(小结)
2019/06/18 Javascript
JavaScript实现简易计算器小功能
2020/10/22 Javascript
js动态生成表格(节点操作)
2021/01/12 Javascript
[01:19:46]DOTA2-DPC中国联赛 正赛 SAG vs DLG BO3 第一场 2月28日
2021/03/11 DOTA
Python数据结构之栈、队列的实现代码分享
2017/12/04 Python
Tensorflow的可视化工具Tensorboard的初步使用详解
2018/02/11 Python
对python字典过滤条件的实例详解
2019/01/22 Python
python GUI库图形界面开发之PyQt5开发环境配置与基础使用
2020/02/25 Python
Python基于QQ邮箱实现SSL发送
2020/04/26 Python
HearthSong官网:儿童户外玩具、儿童益智玩具
2017/10/16 全球购物
英国钻石公司:British Diamond Company
2020/02/16 全球购物
高中毕业自我鉴定范文
2013/10/02 职场文书
办公室文秘岗位职责
2013/11/15 职场文书
三字经教学反思
2014/04/26 职场文书
计算机系统管理员求职信
2014/06/20 职场文书
村级四风对照检查材料
2014/08/24 职场文书
2015新学期开学寄语
2015/02/26 职场文书
亲戚关系证明
2015/06/24 职场文书
怎样评估创业计划书是否有可行性?
2019/08/07 职场文书
Spring boot应用启动后首次访问很慢的解决方案
2021/06/23 Java/Android