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

	})

})

 

你可能感兴趣的:(jquery)