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为a标签的href赋值实现代码
May 03 Javascript
JavaScript简介
Feb 15 Javascript
JavaScript图片轮播代码分享
Jul 31 Javascript
js实现简单的联动菜单效果
Aug 19 Javascript
Angular 路由route实例代码
Jul 12 Javascript
jQuery实现立体式数字滚动条增加效果
Dec 21 Javascript
Vue计算属性的使用
Aug 04 Javascript
解决vue 界面在苹果手机上滑动点击事件等卡顿问题
Nov 27 Javascript
浅谈JS中几种轻松处理'this'指向方式
Sep 16 Javascript
JavaScript字符串处理常见操作方法小结
Nov 15 Javascript
Element InfiniteScroll无限滚动的具体使用方法
Jul 27 Javascript
从源码角度来回答keep-alive组件的缓存原理
Jan 18 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静态新闻列表自动生成代码
2007/06/14 PHP
PHP变量的定义、可变变量、变量引用、销毁方法
2013/12/20 PHP
PHP实现redis限制单ip、单用户的访问次数功能示例
2018/06/16 PHP
TP5框架使用QueryList采集框架爬小说操作示例
2020/03/26 PHP
表单切换,用回车键替换Tab健(不支持IE)
2011/07/20 Javascript
jquery的flexigrid无法显示数据提示获取到数据
2013/07/19 Javascript
js模拟支付宝密码输入框
2017/04/11 Javascript
利用vscode编写vue的简单配置详解
2017/06/17 Javascript
vue打包后显示空白正确处理方法
2017/11/01 Javascript
vue vuex vue-rouert后台项目——权限路由(适合初学)
2017/12/29 Javascript
nodejs实现的简单web服务器功能示例
2018/03/15 NodeJs
详解JS中统计函数执行次数与执行时间
2018/09/04 Javascript
一文了解Vue中的nextTick
2019/05/06 Javascript
vue项目出现页面空白的解决方案
2019/10/31 Javascript
原生JS实现天气预报
2020/06/16 Javascript
vue 实现element-ui中的加载中状态
2020/11/11 Javascript
[00:20]TI9观赛名额抽取Ⅱ
2019/07/24 DOTA
使用Python的判断语句模拟三目运算
2015/04/24 Python
Python 输入一个数字判断成绩分数等级的方法
2018/11/15 Python
pandas.DataFrame的pivot()和unstack()实现行转列
2019/07/06 Python
使用Python完成15位18位身份证的互转功能
2019/11/06 Python
pycharm最新激活码有效期至2100年(亲测可用)
2021/02/05 Python
加拿大最大的钻石商店:Peoples Jewellers
2018/01/01 全球购物
俄罗斯达美乐比萨外送服务:Domino’s Pizza
2020/12/18 全球购物
土木工程应届生自荐信
2013/09/24 职场文书
会计专业自我鉴定范文
2013/10/06 职场文书
毕业生的自我评价
2013/12/30 职场文书
企业给企业的表扬信
2014/01/13 职场文书
文明美德伴我成长演讲稿
2014/05/12 职场文书
农村门前三包责任书
2014/07/25 职场文书
2015年教师师德师风承诺书
2015/04/28 职场文书
初中团支书竞选稿
2015/11/21 职场文书
详解Redis瘦身指南
2021/05/26 Redis
mysql配置SSL证书登录的实现
2021/09/04 MySQL
分享Python获取本机IP地址的几种方法
2022/03/17 Python
Redis实战之Lettuce的使用技巧详解
2022/12/24 Redis