haXe下体验jQuery

简介: 看了铁哥关于haXe的介绍,忍不住体验了一吧: 一、下载安装flashdevelop http://flashdevelop.org/ 到这上面下载最新的flashdevelop并安装(注:安装这个需要java sdk1.

看了铁哥关于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);	
	})
})

 

目录
相关文章
|
JavaScript
Jquery插件知识之Jquery.cookie实现页面传值
Jquery插件知识之Jquery.cookie实现页面传值
58 0
|
6月前
|
JavaScript
jQuery图片延迟加载插件jQuery.lazyload
jQuery图片延迟加载插件jQuery.lazyload
|
1月前
|
JavaScript
jQuery 树型菜单插件(Treeview)
jQuery 树型菜单插件(Treeview)
59 2
|
5月前
|
设计模式 JavaScript 前端开发
必知的技术知识:jQuery插件开发精品教程,让你的jQuery提升一个台阶
必知的技术知识:jQuery插件开发精品教程,让你的jQuery提升一个台阶
61 1
|
1月前
|
JavaScript 前端开发
jQuery Growl 插件(消息提醒)
jQuery Growl 插件(消息提醒)
47 4
jQuery Growl 插件(消息提醒)
|
1月前
|
存储 JSON JavaScript
jQuery Cookie 插件
jQuery Cookie 插件
40 4
jQuery Cookie 插件
|
13天前
|
JavaScript 定位技术
jQuery鹰眼视图小地图定位预览插件minimap.js
这是一个jQuery小地图定位预览视图,默认左侧是页面主要内容,minimap.js的好处就是在它的右侧形成一个快速定位通道,产生一个缩小版的页面,即预览效果,可以点击并快速定位到页面的某个位置。简单实用,欢迎下载!
27 0
|
3月前
|
JavaScript 前端开发 数据安全/隐私保护
Validform jQuery插件详解
【8月更文挑战第21天】
|
5月前
|
JavaScript Perl PHP
一篇文章讲明白jQuery插件之jqueryeditableplugin
一篇文章讲明白jQuery插件之jqueryeditableplugin
34 0
|
JavaScript
jQuery 自定义插件(详细步骤)
jQuery 自定义插件(详细步骤)
128 0
下一篇
无影云桌面