元Webデザイナー兼コーダーの備忘録

ウェブデザインやプログラミング、ブログのカスタマイズなどについてアウトプットしています。

 メニュー

» HTML入門のまとめはこちらです。

jQueryのプラグインのテンプレート作成

jQueryプラグインのテンプレートを作成しました。あくまで自分用に作成しました。jQueryは、新しい技術とは言えないかもしれません。しかし、学ぶことがありました。

何となくVue.jsの書き方に通ずるところがあります。個人的にVue.jsの理解の助けになりました。

プラグインのテンプレート

ファイル構成

動作内容

ウィンドウ上をクリックするとコンソールに「クリックされた要素の要素名」を表示します。

プラグインのテンプレート:オプション設定あり

ファイル構成

動作内容

ウィンドウ上をクリックするとコンソールに「オプションで設定した情報」を表示します。実行例は、以下のとおりです。

3000
swing

補足

jQueryは、CDNからから読み込んでいます。

学んだこと

  • プロトタイプ
  • thisが指すものが違う
  • $.extend()

今後の課題

  • 他の方が作ったプラグインを読み解けるようにする
  • 学んだことを自分のコードに反映させる

参考サイト

» HTML入門のまとめはこちらです。