Maison >interface Web >js tutoriel >Comment télécharger et utiliser jQuery EasyUI

Comment télécharger et utiliser jQuery EasyUI

清浅
清浅original
2018-12-10 17:16:164164parcourir

Comment télécharger et utiliser jQuery EasyUI : Téléchargez d'abord jQuery EasyUI depuis le site officiel d'EasyUI ; puis importez les fichiers CSS, les fichiers jQuery et les fichiers easyui en externe pour les utiliser.

Comment télécharger et utiliser jQuery EasyUI

Le framework jQuery EasyUI fournit tout le nécessaire pour créer des pages Web et peut nous aider à créer des sites facilement et rapidement. Ensuite, dans l'article, je partagerai avec vous comment télécharger jQuery EasyUI et comment l'utiliser. Il a une certaine valeur de référence et j'espère qu'il sera utile à tout le monde

[Cours recommandé : Tutoriel jQuery EasyUI

Comment télécharger et utiliser jQuery EasyUI

La signification de jQuery EasyUI :

easyui est en fait un framework jQuery, c'est un plug-in qui intègre diverses interfaces utilisateur. Il fournit les fonctions nécessaires pour créer des applications JavaScript interactives modernes. Par conséquent, l'utilisation du plug-in easyui ne nécessite pas d'écrire trop de code JavaScript, et uniquement. nécessite l'utilisation de certaines balises HTML pour définir l'interface utilisateur. Cela permet de gagner beaucoup de temps de développement et de simplifier la complexité du code. Bien que le fonctionnement soit simple, la fonction est très puissante

Téléchargement de jQuery EasyUI :

Adresse de téléchargement : http://www.jeasyui.com/download/v16.php

Image 21.jpg

Après le téléchargement, décompressez le fichier

Comment télécharger et utiliser jQuery EasyUI

Utilisation de jQuery EasyUI :

(1) Plug-in nécessaire pour les références externes :

Style CSS du thème

ad3126a248dce33fde30e64881b0883a

Style d'icône CSS

82d7f3dc0fa8b8d03de478f180482b63

fichier de bibliothèque jQuery

c6daa293df87c2b20bb8ddb0ca2ae3e12cacc6d41bbb37262a98f745aa00fbf0

Une collection de fichiers js pour le noyau et les composants EasyUI. Le chargement de ce fichier chargera une collection de fichiers js pour tout le noyau EasyUI Composants inutiles Importés un par un

ace392f07d82e5136b7255a1cd678a572cacc6d41bbb37262a98f745aa00fbf0

(2) Exemple Partagez le rendu

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

comme suit :

Comment télécharger et utiliser jQuery EasyUI

Résumé : Ce qui précède représente l'intégralité du contenu de cet article, j'espère. peut aider tout le monde à apprendre à utiliser le plugin jQuery EasyUI

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn