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