jQueryプラグインの使用方法

なわて投稿サムネイル

jQueryプラグインを設定する流れ

jQuery本体のダウンロード
jQueryプラグイン(以下プラグイン)のダウンロード

==以下HTMLファイルでの作業==

jQuery本体を読み込む。(footer)
jQueryの付属ファイル(jquery-ui等)が必要な場合は該当ファイルを読み込む。(footer)
プラグインのファイルを読み込む。(footer)
自作用のカスタムjsファイルを読み込む。(footer)
プラグインに付属CSSがある場合にはCSSを読み込む。(header)
プラグインを適用するHTMLコードを記述する。

==以下自作jsファイルでの作業==

プラグインが動作するためのコードを上記カスタムjsファイルに記述する。

jQueryプラグインの追加とは

jQueryのプラグインを追加すること ≒ 新しいjQueryメソッドを追加るよこと

jQueryファイルの読込み

ヘッダー

<link rel="stylesheet" href="css/プラグイン用.css">

フッター

<script src="js/jquery-本体.js"></script>
<script src="js/jquery-ui必要な場合.js"></script>
<script src="js/jquery-プラグイン用.js"></script>
<script src="js/自作jsファイル.js"></script>