Hello World!


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

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

http://g.tbcdn.cn/kissy/k/1.4.0/seed-min.js

启动:Hello World!

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

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

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

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

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

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

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

开始进入学习教程

Fork me on GitHub