了解YUI【一】（转）

happycute

 


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