Comment télécharger et utiliser jQuery EasyUI-js tutoriel-php.cn

Comment télécharger et utiliser jQuery EasyUI

清浅

Libérer： 2020-10-21 09:37:04

original

4084 Les gens l'ont consulté

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】

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

Style d'icône CSS

< link rel= "stylesheet" type="text/css" href="easyui/themes/icon.css">

fichier de bibliothèque jQuery

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

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

Copier après la connexion

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!