jQueryプラグインの使用方法

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>

&nbsp

JavaScript・jQueryのおすすめの本

発売日:2018/6/8

JavaScriptの初級向けの本です。基本をわかりやすく丁寧に解説してくれてます。まず第一歩はこちらからの本から。

本当によくわかるJavaScriptの教科書 はじめての人も、挫折した人も、基礎力が必ず身に付く

発売日:2015/12/16

30のLesson形式で実践的なコードを身につける事ができます。図解もあるので大変読みやすいです。jQueryをコードを書きながら覚えたい方におすすめです。

jQuery標準デザイン講座

発売日:2013/11/26

jQueryの基本から実践をわかりやすく解説してくれる良著です。jQueryのリファレンスからそのままサイトで使えるコードを身につけることができます。

jQuery最高の教科書

スポンサードリンク

スポンサードリンク