首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 移动开发 > 移动开发 >

YUI3学习(4)- Node

2012-08-26 
YUI3学习(四)--- NodeYUI3 ‘node’ 模块为创建、操作和获取DOM节点对象(集合)提供了丰富的方法。该模块包含两

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   经常看,写的不错

热点排行