JQuery困惑—包装集 DOM节点

叫我壮壮就好

叫我壮壮就好

2016-02-19 15:06

想不想get新技能酷炫一下,今天图老师小编就跟大家分享个简单的JQuery困惑—包装集 DOM节点教程,一起来看看吧!超容易上手~
$('#someElement')和$('#someElement')[0],这条语句带给我一段时间的困惑,开始时每次使用我总是在其中一个在出错的时候换成另外一个,
虽然每次都能完成功能,但总是有中说不出的郁闷!后来终于搞懂了其中的道理:$('#someElement')虽然只选择元素,但它仍是包装集,
不能使用DOM节点的方法(如SetAttribute等)。而$('#someElement')[0]确是返回包装集中的第一个元素,所有它能使用DOM节点的方法。

  总之:使用JQuery时,需要注意包装集和DOM节点的区别,JQuery提供的方法都是包装集的方法,不能在DOM节点上使用JQuery方法,
同样,DOM节点的方法也不能在包装集上使用,而只能应用于DOM节点。当然除了方法还有属性(如innerHTML)。
同时我能也能将DOM节点包装成包装集:如我们经常要使用$(this),将节点包装成包装集然后使用JQuery的方法进行处理。
展开更多 50%)
分享

猜你喜欢

JQuery困惑—包装集 DOM节点

Web开发
JQuery困惑—包装集 DOM节点

jQuery 创建Dom元素

Web开发
jQuery 创建Dom元素

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

XML教程:XML DOM 访问节点

Web开发
XML教程:XML DOM 访问节点

XML教程:XML DOM 节点信息

Web开发
XML教程:XML DOM 节点信息

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

锋利的jQuery jQuery中的DOM操作

Web开发
锋利的jQuery jQuery中的DOM操作

JQuery Tips(3) 关于$()包装集内元素的改变

Web开发
JQuery Tips(3) 关于$()包装集内元素的改变

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Visual C# 2005实现控件中捕获按键

Visual C# 2005实现控件中捕获按键

LazyForm jQuery plugin 定制您的CheckBox 

LazyForm jQuery plugin 定制您的CheckBox 
下拉加载更多内容 ↓