haXe下体验jQuery

看了铁哥关于haXe的介绍，忍不住体验了一吧:

一、下载安装flashdevelop

http://flashdevelop.org/ 到这上面下载最新的flashdevelop并安装(注：安装这个需要java sdk1.6以上版本，同时还要安装.netframework)

tips:

flashdevelop并不能识别最新的jdk 1.7，如果你的机器上安装的是1.7版本，需要手动编辑

x:\Program Files (x86)\FlashDevelop\Tools\flexsdk\bin\jvm.config

找到
java.home="C:\Java\jre7\"

把java.home设置成本机jre7的路径即可，

再插一句题外话：如果你的机器是win 64位，最好安装java sdk 64位版本，否则eclipse有可能跑不起来。

二、下载安装haXe

http://haxe.org/ 到这上面下载安装haXe

tips:联机安装速度很慢，经常获取安装包到一半时，socket联系中断出错，建议直接下载neko-1.8.2-win.zip(可选)以及haxe-2.09-win.zip手动安装.

三、完成后，就可以用flashdevelop体验haXe的强大了

javascript是一个很不错的语言，没有想不到，只有做不到。但是这种弱类型语言有一个致命伤:缺少好的ide环境，而且编译期不容易发现语法上的错误，而haXe正好弥补了这一点。

而且令人欣喜的是居然无缝整合了jQuery(haXe-2.09内置了jQuery 1.6.4版本)

1、创建一个haXe的js project，写一个jQuery的ready示例吧

 

import js.JQuery;

import js.Lib;

 

/**

 * ...

 * @author jimmy.yang

 */

 

class Main

{

     

    static function main()

    {

        new JQuery(null).ready(function(e:JqEvent) {

            Lib.alert("jQuery is ready!");

        } );   

    }  

}

以上这几行代码，就相当于

 

$(document).ready(function(){

    alert("jQuery is ready!");

})

编译后，最终会编译生成一个js文件jshaXe.js，并自动引用到html页面中,有兴趣的同学可以自行分析一下生成的js代码，还是很容易看懂的.

2、测试一下jQuery的选择器

 

static function main()

{

    new JQuery(null).ready(function(e:JqEvent) {       

        var abc = new JQuery("div.abc");//选择所有div class="abc"的元素

        abc.each(function(i:Int, e:HtmlDom) {

            abc.eq(i).html("这是第" + i + "个class='abc'的div");

        } );

         

        var btn = new JQuery("#btn");//选择id="btn"的元素

        btn.click(function(e:JqEvent):Void {

            Lib.alert("您点击了按钮：" + e.currentTarget.id);

        } );

    } );   

}

以上代码相当于

 

$().ready(function(){

    var abc = $("div.abc");

    abc.each(function(i){

        abc.eq(i).html("这是第" + i + "个class='abc'的div");

    });

 

    var btn = $("#btn");

    btn.click(function(e){

        alert(e.currentTarget.id); 

    })

})