前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >haXe下体验jQuery

haXe下体验jQuery

作者头像
菩提树下的杨过
发布2018-01-24 10:31:50
6110
发布2018-01-24 10:31:50
举报
文章被收录于专栏:菩提树下的杨过

看了铁哥关于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示例吧

代码语言:javascript
复制
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!");
		} );	
	}	
}

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

代码语言:javascript
复制
$(document).ready(function(){
	alert("jQuery is ready!");
})

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

2、测试一下jQuery的选择器

代码语言:javascript
复制
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);
		} );
	} );	
}

以上代码相当于

代码语言:javascript
复制
$().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);	
	})
})
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2012-04-22 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档