jQuery EasyUI系列教程之入门篇

从今天开始将和大家一起学习jqueryeasyui。
1. 先浏览http://www.jeasyui.com/网站，官网上是这样介绍easyui的 jQuery EasyUI framework helps you build your web pages easily。 为网页开发提供了一堆的常用UI组件，包括按钮、菜单、对话框、布局、窗帘、表格、表单等等组件，这些组件都是基于jquery的。
 2.接下来我们来下载 jQuery EasyUI 1.4，这是我们会在网页看到有两个版本，一个是 GPL Edition(开源)，另一个是收费的 Commercial Edition（收费的），GPL是开源协议中的一种，当然还有其他开源协议。如 BSD, GPL, LGPL,MIT等，有兴趣的可以了解一下他们之间的不同。
3. 
这是jquery-easyui-1.4.zip解压后的目录文件， 
4.接下来我们就LinkButton这个简单的组件入手，了解一下easyui的工作原理 
首先建立一个index.html文件内容如下

 在浏览器访问的效果如下

很明显的看出来a标签已经不是原来的样子，经过easyui渲染的a标签变的有没有高大上的感觉。当然我们不用easyui，自己写一些样式等也能做出好看的按钮，但是通过easyui是不是很简单。 
下面我们就来看看easyui的工作原理：
1.我们打开jquery.easyui.min.js一看是加密过的，把意思参数和变量的意思都混淆了，这样阅读起来有难度，应为我们用的是免费的版的，不过还好，免费版的也提供了一些源码。这时，我们将jquery.easyui.min.js换成 jquery.parser.js和 jquery.linkbutton.js（这个另个文件在 jquery-easyui-1.4\src目下可以找到）；

 换完之后，一样可以出来刚才那样的漂亮的按钮。

 我把大致的通过class="easyui-linkbutton"的渲染过程标记出来。大家有兴趣的可以自行查看。
如果通js$("#id").linkbutton({});这样就更直接了，直接找到对应linkbutton的构造方法。
以上内容大家都可以直接在 \jquery-easyui-1.4\demo\linkbutton目下做修改。如果对javascript的面向对象不太熟的话，可以先学习javascript的面向对象， javascript也是一门很强大的语言，说他是弱语言主要是说的变量类型单一，j avascript只有一种类型var ，为变量赋值时会自动判断类型并进行转换,而不像其他语言需要强制转换，所以不能因为他是弱语言而小瞧它的。功能一点也不弱，而作为一个web开发者，必须要一定的javascript的编程功底，怎么办，只能多读多写多思考。看了LinkButton的生成过程，算是明白了jquer插件的写法，有兴趣的也可以写自己的jquery插件。