So laden Sie jQuery EasyUI herunter und verwenden es-js-Tutorial-php.cn

So laden Sie jQuery EasyUI herunter und verwenden es

清浅

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

Original

4187 Leute haben es durchsucht

So laden Sie jQuery EasyUI herunter und verwenden es: Laden Sie zuerst jQuery EasyUI von der offiziellen EasyUI-Website herunter und importieren Sie dann CSS-Dateien, jQuery-Dateien und EasyUI-Dateien extern zur Verwendung.

So laden Sie jQuery EasyUI herunter und verwenden es

Das jQuery EasyUI-Framework bietet alles, was zum Erstellen von Webseiten erforderlich ist, und kann uns dabei helfen, Websites einfach und schnell zu erstellen. Als nächstes werde ich Ihnen in diesem Artikel erklären, wie Sie jQuery EasyUI herunterladen und verwenden. Es hat einen gewissen Referenzwert und ich hoffe, dass es für alle hilfreich sein wird

[Empfohlener Kurs: jQuery EasyUI Tutorial】

Die Bedeutung von jQuery EasyUI:

easyui ist eigentlich ein jQuery-Framework, ein Plug-in, das verschiedene Benutzeroberflächen integriert. Es bietet die notwendigen Funktionen zum Erstellen moderner interaktiver JavaScript-Anwendungen. Daher erfordert die Verwendung des easyui-Plug-ins nicht zu viel JavaScript-Code erfordert die Verwendung einiger HTML-Tags, um die Benutzeroberfläche zu definieren. Dies spart erheblich Entwicklungszeit und vereinfacht die Komplexität des Codes. Obwohl die Bedienung einfach ist, ist die Funktion sehr leistungsfähig

Download von jQuery EasyUI:

Download-Adresse: http://www.jeasyui.com/download/v16.php

Image 21.jpg

Entpacken Sie die Datei nach dem Herunterladen

So laden Sie jQuery EasyUI herunter und verwenden es

Verwendung von jQuery EasyUI:

(1) Notwendiges Plug-in für externe Referenzen:

Theme-CSS-Stil

CSS-Symbolstil

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

jQuery-Bibliotheksdatei

Eine Sammlung von JS-Dateien für den EasyUI-Kern und die Komponenten. Durch das Laden dieser Datei wird eine Sammlung von JS-Dateien für den gesamten EasyUI-Kern geladen Komponenten müssen nicht einzeln importiert werden

(2) Beispiel Teilen Sie die

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

Nach dem Login kopieren

-Darstellung wie folgt:

So laden Sie jQuery EasyUI herunter und verwenden es

Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels Jeder lernt, wie man das jQuery EasyUI-Plug-in verwendet

Das obige ist der detaillierte Inhalt vonSo laden Sie jQuery EasyUI herunter und verwenden es. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!