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的parseInt 进制问题
May 07 Javascript
javascript 检测浏览器类型和版本的代码
Sep 15 Javascript
扩展javascript的Date方法实现代码(prototype)
Nov 20 Javascript
jQuery EasyUI API 中文文档 - Tabs标签页/选项卡
Oct 01 Javascript
jquery获取子节点和父节点的示例代码
Sep 10 Javascript
Enter回车切换输入焦点实现思路与代码兼容各大浏览器
Sep 01 Javascript
jquery判断复选框是否选中进行答题提示特效
Dec 10 Javascript
Javascript动画效果(4)
Oct 11 Javascript
详解webpack+angular2开发环境搭建
Jun 28 Javascript
vue2 全局变量的设置方法
Mar 09 Javascript
Vue Cli3 创建项目的方法步骤
Oct 15 Javascript
详解Vue项目引入CreateJS的方法(亲测可用)
May 30 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设计模式之调解者模式的深入解析
2013/06/13 PHP
PHP实现简单爬虫的方法
2015/07/29 PHP
详解PHP中cookie和session的区别及cookie和session用法小结
2016/06/12 PHP
phpstudy默认不支持64位php的解决方法
2017/02/20 PHP
javascript 控制 html元素 显示/隐藏实现代码
2009/09/01 Javascript
ajax页面无刷新 IE下遭遇Ajax缓存导致数据不更新的问题
2012/12/11 Javascript
仿当当网淘宝网等主流电子商务网站商品分类导航菜单
2013/09/25 Javascript
用JQuery实现全选与取消的两种简单方法
2014/02/22 Javascript
Javascript中字符串replace方法的第二个参数探究
2016/12/05 Javascript
vue的基本用法与常见指令
2017/08/15 Javascript
前端图片懒加载(lazyload)的实现方法(提高用户体验)
2017/08/21 Javascript
jquery.rotate.js实现可选抽奖次数和中奖内容的转盘抽奖代码
2017/08/23 jQuery
VUE2.0+ElementUI2.0表格el-table循环动态列渲染的写法详解
2018/11/30 Javascript
webpack+vue.js构建前端工程化的详细教程
2020/05/10 Javascript
微信小程序仿抖音短视频切换效果的实例代码
2020/06/24 Javascript
vue-cli3配置favicon.ico和title的流程
2020/10/27 Javascript
Python闭包实现计数器的方法
2015/05/05 Python
在Python中操作字符串之startswith()方法的使用
2015/05/20 Python
详解supervisor使用教程
2017/11/21 Python
深入理解Django-Signals信号量
2019/02/19 Python
python实现支付宝转账接口
2019/05/07 Python
linux下python中文乱码解决方案详解
2019/08/28 Python
python enumerate内置函数用法总结
2020/01/07 Python
如何在scrapy中集成selenium爬取网页的方法
2020/11/18 Python
彪马土耳其官网:PUMA土耳其
2019/07/14 全球购物
Windows和Linux动态库应用异同
2016/07/28 面试题
学期自我评价
2014/01/27 职场文书
退伍老兵事迹材料
2014/01/31 职场文书
元旦联欢会主持词
2014/03/26 职场文书
学历公证书范本
2014/04/09 职场文书
祖国在我心中演讲稿(小学生)
2014/09/23 职场文书
2014年团工作总结
2014/11/27 职场文书
大学生团员个人总结
2015/02/14 职场文书
2015毕业生实习期工作总结
2015/04/09 职场文书
使用pandas生成/读取csv文件的方法实例
2021/07/09 Python
基于Android10渲染Surface的创建过程
2022/08/14 Java/Android