haXe下体验jQuery

摘要:
然而,这种弱类型语言有一个致命的伤害:它缺乏良好的ide环境,在编译过程中不容易发现语法错误,而haXe正好弥补了这一点。同样令人欣慰的是,jQuery1被无缝集成,创建了一个haXe-js项目,jQuery的一个现成示例是importjs。JQuery;importjs.Lib;/***…*@authorjimmy.yang*/classMain{staticfunctionmain(){newJQuery.ready(函数(e:JqEvent){Lib.alert(“jQueryisready!”);});}}上述代码行相当于$。ready(函数(){alert(“jQueryis ready!”);})编译后,将生成js文件jshaXe,并自动将其引用到html页面。感兴趣的学生可以自己分析生成的js代码,这仍然很容易理解。2.测试jQuery选择器staticfunctionmain(){newJQuery.ready;}上述代码相当于$()。准备好的

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

免责声明:文章转载自《haXe下体验jQuery》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇OneNote无法打开链接出现错误:你的组织策略阻止我们为你完成此操作QImage的浅拷贝与深拷贝下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

[转]jqGrid 属性、事件全集

本文转自:http://blog.csdn.net/rosanu_blog/article/details/8334070 以下是jqGrid 最常用的属性和事件,经过一段时间的整理,终于弄的差不多了。版权所有,转载请注明出处,向您的厚道致敬!谢谢! [javascript]view plaincopyprint? <script type=...

Comet 反Ajax: jQuery与PHP实现Ajax长轮询

原文地址(http://justcode.ikeepstudying.com/2016/08/comet-%E5%8F%8Dajax-%E5%9F%BA%E4%BA%8Ejquery%E4%B8%8Ephp%E5%AE%9E%E7%8E%B0ajax%E9%95%BF%E8%BD%AE%E8%AF%A2longpoll/) 页面代码: <!DOCTY...

jQuery快速入门

---恢复内容开始--- jQuery 快速入门 jQuery介绍 1、jQuery是一个轻量级的、兼容多浏览器的JavaScript 库。 2、jQuery使用户能够更方便的处理HTML Document、Events、实现动画效果, 方便的进行Ajax交互, 能够极大的简化JavaScript编程。 它的宗旨就是:write less. do more...

60款很酷的 jQuery 幻灯片演示和下载【转】

jQuery是一个非常优秀的JavaScript框架,使用简单灵活,同时还有许多成熟的插件可供选择,它可以帮助你在项目中加入漂亮的效果,其中之一就是幻灯片效果的实现,这是一种在有限的网页空间内展示系列项目时非常好的方法。 今天这篇文章要给大家分享的是60款很酷的jQuery幻灯片插件,相信里面一定会有你喜欢的。 Cloud Carousel(演示|下载)...

Jquery学习---Easy UI 框架

Jquery的easyui 1.1. easyui的目录分析 以 jquery Easy UI 1.3.2 版本学习 demo 实例 locale 国际化信息 plugins 框架一些插件 src 源码 themes 样式文件 easyloader.js  框架核心加载器 (加载其它plugin) jquery-1.8.0.min.js  jQuery...

jquery插件 imageScroller

效果还不错,值得使用。 演示: http://cssrain.cn/demo/jQuery-imageScroller/imageScroller.html 下载: http://cssrain.cn/demo/jQuery-imageScroller/imageScroller.rar 本篇文章来源于 cssrain.cn 原文链接:http://...