YUI3学习(四)--- Node
YUI3 ‘node’ 模块为创建、操作和获取DOM节点对象(集合)提供了丰富的方法。该模块包含两个主要的对象 Node和NodeList。每一个Node实例表示一个底层的DOM节点;每一个NodeList实例表示一组DOM节点集合。相比YUI2,YUI3 的 Node在模块组织和方法上有了很大的精简,但同样提供丰富的功能;下面简单介绍下node模块Node和NodeList的主要方法和使用。完整功能列表可参考官方API文档。
?
?? ? YUI3?Node API是基于标准的DOM API的,它提供一些便捷的属性和方法使常用的DOM操作变得更简单,实现代码也更简洁。熟悉标准的DOM API的开发者会发现使用Node实例非常熟悉。
?
?? ? 获取Node实例最简单的办法就是使用YUI实例的“one”方法。Y.one方法接收页面上的DOM元素作为参数,也接收“选择字符串”作为参数。如果使用“选择字符串”作为参数,会得到“选择字符串匹配的第一个元素”。
注意:默认不包含CSS3选择器支持,要得到CSS3选择器支持,你需要引入“selector-css3”模块。
(了解css3 选择器)
?
?获取DOM元素(集合)
示例
?
Y.all('div').setStyle('border','1px solid red');?
此外,NodeList支持集合相关的操作方法,如下:
concat(nodeList/Array)
each()
even()/odd()
filter()
indexOf()
isEmpty()
item(index)
pop()
push()
shift()
size()
slice()
splice()
some()
?
?
?
?
?
1 楼 tangyz 2011-11-25 写的挺好,支持下! 2 楼 王坤明 2012-01-14 喜欢这些内容。学到不少东西 3 楼 284772894 2012-02-27 经常看,写的不错