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 EasyUI API 中文文档 - Dialog对话框
Nov 15 Javascript
基于JQUERY的多级联动代码
Jan 24 Javascript
Jquery通过JSON字符串创建JSON对象
Aug 24 Javascript
jQuery判断元素上是否绑定了指定事件的方法
Mar 17 Javascript
HTML+CSS+JS实现完美兼容各大浏览器的TABLE固定列
Apr 26 Javascript
13个PHP函数超实用
Oct 21 Javascript
【JS+CSS3】实现带预览图幻灯片效果的示例代码
Mar 17 Javascript
js 能实现监听F5页面刷新子iframe 而父页面不刷新的方法
Nov 09 Javascript
jQuery中ajax错误调试分析
Dec 01 Javascript
js实现可输入可选择的select下拉框
Dec 21 Javascript
Angular 输入框实现自定义验证功能
Feb 19 Javascript
深入解析微信小程序开发中遇到的几个小问题
Jul 11 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微信高级接口群发 多客服
2016/06/23 PHP
PHP中include和require的区别实例分析
2017/05/07 PHP
jQuery动画效果animate和scrollTop结合使用实例
2014/04/02 Javascript
JavaScript中length属性的使用方法
2015/06/05 Javascript
javascript将DOM节点添加到文档的方法实例分析
2015/08/04 Javascript
PassWord输入框代码分享
2016/06/07 Javascript
Javascript设计模式之装饰者模式详解篇
2017/01/17 Javascript
浅析javaScript中的浅拷贝和深拷贝
2017/02/15 Javascript
windows下vue-cli及webpack搭建安装环境
2017/04/25 Javascript
Vue非父子组件通信详解
2017/06/12 Javascript
详解Vue微信授权登录前后端分离较为优雅的解决方案
2018/06/29 Javascript
Vue 无限滚动加载指令实现方法
2019/05/28 Javascript
[43:58]DOTA2-DPC中国联赛定级赛 LBZS vs SAG BO3第一场 1月8日
2021/03/11 DOTA
python计算最小优先级队列代码分享
2013/12/18 Python
python 环境变量和import模块导入方法(详解)
2017/07/11 Python
Python利用flask sqlalchemy实现分页效果
2020/08/02 Python
pycharm+django创建一个搜索网页实例代码
2018/01/24 Python
Django1.11自带分页器paginator的使用方法
2019/10/31 Python
Python猴子补丁知识点总结
2020/01/05 Python
tensorflow2.0与tensorflow1.0的性能区别介绍
2020/02/07 Python
django实现更改数据库某个字段以及字段段内数据
2020/03/31 Python
使用before和:after伪类制作css3圆形按钮
2014/04/08 HTML / CSS
CSS3感应鼠标的背景闪烁和图片缩放动画效果
2014/05/14 HTML / CSS
HTML5 FileReader对象的具体使用方法
2020/05/22 HTML / CSS
美国二手奢侈品寄售网站:TheRealReal
2016/10/29 全球购物
中国综合性网上购物商城:当当(网上卖书起家)
2016/11/16 全球购物
英国领先的男装设计师服装购物网站:Mainline Menswear
2018/02/04 全球购物
别名指示符是什么
2012/10/08 面试题
金融专业个人求职信
2013/09/22 职场文书
临床医学系毕业生推荐信
2013/11/09 职场文书
年度评优评先方案
2014/06/03 职场文书
2016春季田径运动会广播稿
2015/12/21 职场文书
SqlServer数据库远程连接案例教程
2021/07/15 SQL Server
python的变量和简单数字类型详解
2021/09/15 Python
Java设计模式中的命令模式
2022/04/28 Java/Android
新的CSS 伪类函数 :is() 和 :where()示例详解
2022/08/05 HTML / CSS