Home > Developer > Web Develop
Learning Essentials:
1. What is JQuery Easyui
2. Learn the conditions of JQuery Easyui 3.jQuery Easyui features and benefits
4. Other UI plugins
5. Compatibility with low version IE
6. Download and run JQuery Easyui
Before we formally learn about jquery Easyui, let's look at what jquery Easyui is. Its learning conditions, similar products on the market, supported browsers and so on. Then configure the run JQuery Easyui.
A What is JQuery Easyui
The jquery Easyui is a set of jquery-based UI plug-ins, and the goal of jquery Easyui is to make it easier for web developers to create a feature-rich and beautiful UI interface. Developers do not need to write complex JavaScript, and do not need to have a deep understanding of CSS styles, developers need to understand only a few simple HTML tags.
Official website:http://www.jeasyui.com
Two Learning the conditions of JQuery Easyui
Because jquery Easyui is a jquery-based UI library, the foundation of the jquery course must be needed. and jquery needs those basics, direct reference to the first section of the jquery 66 lesson.
three. Features of JQuery Easyui
1. A collection based on the jquery user interface plugin;
2. Provide the necessary functions for some JS applications that are currently used for interaction;
3. Using Easyui you do not need to write a lot of JavaScript code, usually only need to write HTML tags to define the user interface;
4. Support HTML5;
5. Time and resources can be saved when developing products;
6. Simple, but very powerful;
7. Support expansion, can expand the control according to their own needs;
8. The current shortcomings of the version of the increase in the manner of continuous improvement;
9. Source code encryption, commercial version payment
Four Other UI plugins
In addition to the jquery Easyui, there are DWZ (homemade, jQuery-based UI plug-ins) and a standalone ExtJS UI plugin.
Five Compatible with low version IE
We're going to use the latest jquery Easyui version: 1.3.5, which comes with a jquery version of 2.0. In other words, the ie6,7,8 three browsers are no longer supported. If you have to use it, you can choose a lower version. Of course, we are no longer suggesting compatibility with these versions. The most basic reason is that jQuery Easyui is rarely used in the foreground pages of WEB applications, typically in the background UI or in the UI of an enterprise application (heavier). Then users who use these features will not be so mixed up, and will generally be asked to use a more advanced browser, so there is no need to backwards compatibility.
PS: Some users insist on using IE6, claiming that the future will always use IE6. Then I recommend giving up such users because IE6 performance is low, memory leaks, advanced features are not supported, and development costs are multiplied. If you lose such a user, you face a lockout, then death will be a good time to die, and if you survive, then you will be very happy. However, always cater to these low-quality users, you are like a chronic disease, daily torture, painfully slowly die, even if the company went bankrupt, those customers still telephone said that the system has problems, you still have to explain the company closed, technical staff all ran.
Six Download and run JQuery Easyui
Download the latest JQuery EasyUI1.3.5 version, then unzip it and use it directly.
HTML5 calling JQuery Easyui
<!DOCTYPE HTML><HTML> <Head> <title>JQuery Easy UI</title> <MetaCharSet= "UTF-8" /> <Scripttype= "Text/javascript"src= "Easyui/jquery.min.js"></Script> <Scripttype= "Text/javascript"src= "Easyui/jquery.easyui.min.js"></Script> <Scripttype= "Text/javascript"src= "Easyui/locale/easyui-lang-zh_cn.js" ></Script> <Linkrel= "stylesheet"type= "Text/css"href= "Easyui/themes/default/easyui.css" /> <Linkrel= "stylesheet"type= "Text/css"href= "Easyui/themes/icon.css" /> </Head> <Body> <Divclass= "Easyui-dialog"style= "width:400px;height:200px"data-options= "title: ' My Dialog ', collapsible:true,iconcls: ' Icon-ok ', Onopen:function () {}">dialog content. </Div> </Body></HTML>
PS: Although we use the HTML5 format, all tags are still in XHTML, and are really related to HTML5 tags and CSS.
The latest 1.3.5 API Chinese document: Chinese People blog:http://blog.sina.com.cn/richie696
Note: This tutorial is from the EON Easyui video tutorial, do not use for commercial purposes, otherwise the consequences are at your own risk.
1th Chapter JQuery Easyui Introduction
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
