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代码
Dec 09 Javascript
jQuery设置和移除文本框默认值的方法
Mar 09 Javascript
Javascript在IE和Firefox浏览器常见兼容性问题总结
Aug 03 Javascript
canvas实现手机端用来上传用户头像的代码
Oct 20 Javascript
Bootstrap模态框禁用空白处点击关闭
Oct 20 Javascript
jQuery无刷新上传之uploadify简单代码
Jan 17 Javascript
vue.js指令v-model使用方法
Mar 20 Javascript
将 vue 生成的 js 上传到七牛的实例
Jul 28 Javascript
详解基于Vue2.0实现的移动端弹窗(Alert, Confirm, Toast)组件
Aug 02 Javascript
vue开发环境配置跨域的方法步骤
Jan 16 Javascript
electron-vue开发环境内存泄漏问题汇总
Oct 10 Javascript
JavaScript canvas绘制圆弧与圆形
Feb 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
2006/12/23 PHP
php session_start()关于Cannot send session cache limiter - headers already sent错误解决方法
2009/11/27 PHP
PHP仿盗链代码
2012/06/03 PHP
PHP利用REFERER根居访问来地址进行页面跳转
2013/09/28 PHP
PHP简单获取随机数的常用方法小结
2017/06/07 PHP
jQuery 源码分析笔记(5) jQuery.support
2011/06/19 Javascript
javascript 判断字符串是否包含某字符串及indexOf使用示例
2013/10/18 Javascript
IE6-8中Date不支持toISOString的修复方法
2014/05/04 Javascript
JS在可编辑的div中的光标位置插入内容的方法
2014/11/20 Javascript
jQuery实现友好的轮播图片特效
2015/01/12 Javascript
JavaScript实现多个重叠层点击切换效果的方法
2015/04/24 Javascript
关于在vue-cli中使用微信自动登录和分享的实例
2017/06/22 Javascript
解决ionic和angular上拉加载的问题
2017/08/03 Javascript
VUE前端cookie简单操作
2017/10/17 Javascript
JS 中document.write()的用法和清空的原因浅析
2017/12/04 Javascript
微信小程序实现左右联动的实战记录
2018/07/05 Javascript
JavaScript 面向对象程序设计详解【类的创建、实例对象、构造函数、原型等】
2020/05/12 Javascript
从源码角度来回答keep-alive组件的缓存原理
2021/01/18 Javascript
[04:10]2018年度CS GO玩家最喜爱的主播-完美盛典
2018/12/16 DOTA
利用Python画ROC曲线和AUC值计算
2016/09/19 Python
python查看微信好友是否删除自己
2016/12/19 Python
python利用paramiko连接远程服务器执行命令的方法
2017/10/16 Python
python 获取当天每个准点时间戳的实例
2018/05/22 Python
使用Python做定时任务及时了解互联网动态
2019/05/15 Python
python针对mysql数据库的连接、查询、更新、删除操作示例
2019/09/11 Python
Python中输入和输出(打印)数据实例方法
2019/10/13 Python
德国箱包网上商店:koffer24.de
2016/07/27 全球购物
乐天旅游台湾网站:Rakuten Travel TW
2017/06/01 全球购物
打架检讨书50字
2014/01/11 职场文书
中秋节主持词
2014/04/02 职场文书
2015年银行个人工作总结
2015/05/14 职场文书
清明节随笔
2015/08/15 职场文书
导游词之河北滦平金山岭长城
2019/10/16 职场文书
公文写作:工伤事故分析报告怎么写?
2019/11/05 职场文书
redis实现排行榜功能
2021/05/24 Redis
Pytorch中的数据集划分&正则化方法
2021/05/27 Python