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

懂得YUI【一】(转)

2012-11-23 
了解YUI【一】(转)?1. 调用方法掉用方法:插入代码script src”yui-min.js” type”text/javascript”/scrip

了解YUI【一】(转)

?


1. 调用方法

掉用方法:

插入代码<script src=”yui-min.js” type=”text/javascript”></script>

也可以使用官方提供的地址<script src=”http://yui.yahooapis.com/3.0.0pr2/build/yui/yui-min.js” type=”text/javascript”></script>


2. 实现我们的功能

1、Yui 3最基本的使用格式:

YUI().use(”node”, function(Y) {

// 书写你的js代码

});

2、Yui 3获取对象的方法:

1)、get()方法

get方法获取id和class对象的方法:Y.get(”#id”);Y.get(”.class”);

注意,在括号中必须用引号将他们引起来,get方法获取到的都是单个对象,如果获取一个对象他又有Id又有class,也可以使用get 方法:Y.get(”#id”).get(”.class”);

2)、all()方法

如果想获取所有有相同class的属性的对象all()方法可以实现;Y.all(”.calss”)就可以获取到了所有据有class名称的class的对象,注意,这里得到一个数组。

?

3、addClass()

为一个对象增加class,使用方法就是:myNode.addClass(’foo’);

?

4、styles()

设置对象的style值引入了styles(),使用方法:myNode.setStyle(’opacity’, 0.5);

?

5、Yui事件监听函数:

Y.on(事件,函数,对象);

鼠标:click,dblclick,mouseover,mousedown,mousemove,mouseup

只需要将相应的事件用引号包起来填入事件的值就行了。对象可以接受单个的对象还可以接受数组,还可以使用为多个对象设置,就是上面说到的是数组方式["#id","#id1"]依次类推。

?

转自 :http://blog.sina.com.cn/s/blog_632d19d50100rzdy.html

热点排行