How to download and use jQuery EasyUI-JS Tutorial-php.cn

How to download and use jQuery EasyUI

清浅

Release： 2020-10-21 09:37:04

Original

4164 people have browsed it

How to download and use jQuery EasyUI: First download jQuery EasyUI from the EasyUI official website; then import CSS files, jQuery files and easyui files externally to use.

How to download and use jQuery EasyUI

jQuery EasyUI framework provides everything needed to create web pages and can help us build sites easily and quickly. Next, in the article, I will share with you how to download jQuery EasyUI and how to use it. It has certain reference value and I hope it will be helpful to everyone

[Recommended course: jQueryEasyUI Tutorial】

The meaning of jQuery EasyUI:

easyui is actually a jQuery framework , is a plug-in that integrates various user interfaces. It provides the necessary functions to build modern interactive JavaScript applications, so you don’t need to write too much JavaScript code when using the easyui plug-in. You only need to use some HTML tags. Language to define the user interface. This greatly saves development time and simplifies the complexity of the code. Although the operation is very simple, the function is very powerful

Download of jQuery EasyUI:

Download address: http://www.jeasyui.com/download/v16.php

Image 21.jpg

##After downloading, unzip the file

How to download and use jQuery EasyUI

Usage of jQuery EasyUI:

(1) External reference necessary plug-in:

Theme CSS style

CSS Icon Style

jQuery library file

EasyUI core and component collection js files. Loading this file will load the collection js files of all EasyUI core components, so there is no need Imported one by one

(2) Example Share

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="D:\jquery-easyui-1.6.10\themes\default\easyui.css">
<link rel="stylesheet" type="text/css" href="D:\jquery-easyui-1.6.10\themes\icon.css">
<script src="D:\jquery-easyui-1.6.10\jquery.min.js"></script>
<script src="D:\jquery-easyui-1.6.10\jquery.easyui.min.js"></script>
</head>
<body>
<div class="easyui-dialog" style="width:400px;height:200px"
        data-options="title:&#39;Hello EasyUI&#39;,iconCls:&#39;icon-undo&#39;">
       使用jQuery EasyUI的第一个案例
</div>
</body>
</html>

Copy after login

The rendering is as follows:

How to download and use jQuery EasyUI

Summary: The above is the entire content of this article. I hope this article can help everyone learn how to use jQuery EasyUI plug-in

The above is the detailed content of How to download and use jQuery EasyUI. For more information, please follow other related articles on the PHP Chinese website!