当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JQuery困惑—包装集 DOM节点

Javascript
AJAX教程(14)：通过XMLHTTP加载XML文件
AJAX教程(15)：通过XMLHTTP进行一次HEAD请求
AJAX教程(16)：通过XMLHTTP进行一次指定的HEAD请求
AJAX教程(17)：把XML文件显示为HTML表格
JS通过WMI获取客户端硬件信息
JavaScript中使用远程脚本
关于Ajax技术的注意事项
XMLHttpRequest创建智能表单
iframe创建智能表单
JS教程:线小测试程序
在Web页面中使用计时器
将事件处理器作为HTML标记的属性
事件处理器作为浏览器对象的属性
Math对象应用详解
random()方法和pow()方法
charAt()方法和charCodeAt()方法
Number对象常用的toFixed()方法
JS教程:为什么尽量用局部变量代替全局变量
解决JavaScript循环中的过多操作
处理提示“脚本运行时间过长的提示框”问题

No. « 170 171 172 173 »

技术文章搜索

关键字

Javascript 中的 JQuery困惑—包装集 DOM节点

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2010-01-10   浏览: 234 ::
收藏到网摘: n/a

我使用了JQuery进行了一段时间的前端开发，它让我从选择需要操作的元素痛苦中解放出来，因为提供的选择功能是如此的强大。 同时在开发过程中我被一个问题困惑了很久，也许在别人看来这根本不是问题！ $('#someElement')和$('#someElement')[0],这条语句带给我一段时间的困惑，开始时每次使用我总是在其中一个在出错的时候换成另外一个，
虽然每次都能完成功能，但总是有中说不出的郁闷！后来终于搞懂了其中的道理：$('#someElement')虽然只选择元素，但它仍是包装集，
不能使用DOM节点的方法（如SetAttribute等）。而$('#someElement')[0]确是返回包装集中的第一个元素，所有它能使用DOM节点的方法。
　　总之：使用JQuery时，需要注意包装集和DOM节点的区别，JQuery提供的方法都是包装集的方法，不能在DOM节点上使用JQuery方法，
同样，DOM节点的方法也不能在包装集上使用，而只能应用于DOM节点。当然除了方法还有属性（如innerHTML）。
同时我能也能将DOM节点包装成包装集：如我们经常要使用$(this)，将节点包装成包装集然后使用JQuery的方法进行处理。