了解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