Hello World!


首先,我们来运行一些最简单的例子帮你了解 KISSYExamples

种子:获取最新的 KISSY 1.4.7 种子文件地址

//g.alicdn.com/kissy/k/1.4.7/seed.js

启动:Hello World!

KISSY.ready(function(S){
    alert('Hello World!');
});

DOM操作:获取一个className叫continuebutton,并将它的内容改为"Hello Kissy"。

KISSY.use('node',function(S,Node){
    Node.one('button.continue').html('Hello Kissy!');
});

事件处理:点击一个id为click-mebutton,显示#banner-msg的内容。

KISSY.use('node',function(S,Node){
    Node.one('#click-me').on('click',function(e){
        Node.one('#banner-msg').show();
    });
});

Ajax:请求一个api/getWeather的接口,带入参数zipcode,将结果显示在#weather-con中。

KISSY.use('io,node',function(S,io,Node){
    io({
        url:'/api/getWeather',
        data:{
            zipcode:10010
        },
        success:function(data){
            Node.one('#weather-con').html('<em>' + data + '</em> 摄氏度');
        }
    });
});

开始进入学习教程