使用YUI 沙箱

YUI().use('这里填入组件名，也可以是数组',function(Y){});
//Y是yui的实例

node组件使用:

返回某一个元素的YUI实例

Y.one('这里填入的选择的内容，比如#main、.aa之类的，跟jq有点相似')
//当然也可以返回为一个变量使用
var nodeObj = Y.one('#main');

返回符合选择的所有元素的YUI实例

Y.all('比如.aaa')

下面说说一些关于元素的操作

Y.one('#example').append('html内容');
//对元素内部插入内容，后置
Y.one('#example').prepend('html内容');
//对元素内部插入内容，前置
Y.one('#example').setHTML('html内容');
//设置元素内部内容
Y.one('#example').setStyle('width','100px');
//设置一个css属性
Y.one('#example').setStyles({'width':'100px','height':'100px'});
//设置多个css属性

一个io,json-parse,datatable的综合使用

			YUI().use('io','datatable','json-parse',function(Y){
				Y.io('/labhtml.php',{
					method: 'POST',
    				headers: {
        				'Content-Type': 'text/javascript',
    				},
    				on : {
    					complete : function() {
    						var cbdata = arguments[1].responseText;
    						cbdata = Y.JSON.parse(cbdata);
    						
    						var dt = new Y.DataTable({
    							data: cbdata,
    							columns : ['hot','title','url'],
    							caption : 'aa',
    							summary : 'bb'
    						});
    						dt.render('#table');
    					}
    				}
				});
			});