jQuery EasyUIのダウンロードと使用方法-jsチュートリアル-php.cn

jQuery EasyUIのダウンロードと使用方法

清浅

リリース： 2020-10-21 09:37:04

オリジナル

4120 人が閲覧しました

jQuery EasyUI のダウンロードと使用方法: まず、EasyUI 公式 Web サイトから jQuery EasyUI をダウンロードし、次に CSS ファイル、jQuery ファイル、easyui ファイルを外部からインポートして使用します。

jQuery EasyUIのダウンロードと使用方法

jQuery EasyUI フレームワークは、Web ページの作成に必要なすべてを提供し、サイトを簡単かつ迅速に構築するのに役立ちます。次に、この記事では、jQuery EasyUI のダウンロード方法とその使用方法を紹介します。これは一定の参考価値があり、皆様のお役に立てれば幸いです。

[推奨コース: jQueryEasyUI チュートリアル]

jQuery EasyUI の意味:

easyui は実際には jQuery フレームワークであり、さまざまなユーザーインターフェイスを統合するプラグインであり、最新のインタラクティブな JavaScript アプリケーションを構築するために必要な機能を提供するため、easyui プラグインを使用するときに大量の JavaScript コードを記述する必要はありません。ユーザーインターフェイスを定義するには、いくつかの HTML タグを使用するだけで済みます。これにより、開発時間が大幅に節約され、コードの複雑さが簡素化されます。操作は非常に簡単ですが、機能は非常に強力です。

jQuery EasyUI のダウンロード:

ダウンロードアドレス。 :

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

Image 21.jpg ダウンロード後、ファイルを解凍します

jQuery EasyUIのダウンロードと使用方法 #jQuery EasyUIの使い方:

(1) 外部参照必要プラグイン:

テーマCSSスタイル

CSS アイコンスタイル

jQuery ライブラリファイル

EasyUI コアおよびコンポーネントのコレクション js ファイルこのファイルをロードすると、すべての EasyUI コアコンポーネントのコレクション js ファイルがロードされます。必要ありません 1 つずつインポートします。

(2 ) 共有例

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

ログイン後にコピー

レンダリングは次のとおりです:

概要: 上記がこの記事の全内容です。この記事が皆様のお役に立てれば幸いです。 jQuery EasyUI プラグインの使用方法を学ぶ jQuery EasyUIのダウンロードと使用方法