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);	
	})
})