Home >Web Front-end >JS Tutorial >How to download and use jQuery EasyUI

How to download and use jQuery EasyUI

清浅Original: 2018-12-10 17:16:164161browse

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.

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

ad3126a248dce33fde30e64881b0883a

CSS Icon Style

171bd0a823b28bf186715d68b9907348

jQuery library file

9904564e44bb1424646f9e9754d802a12cacc6d41bbb37262a98f745aa00fbf0

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

ace392f07d82e5136b7255a1cd678a572cacc6d41bbb37262a98f745aa00fbf0

(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>

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!

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：How to implement dynamic countdown effect in jsNext article：How to implement dynamic countdown effect in js

See more

How to download and use jQuery EasyUI

Related articles