勉強したことのメモ

webプログラマ見習いが勉強したことのメモ。

jQueryプラグインを作成する方法

   

jQueryのプラグインを作ってみたかった。

というのも大抵のものはググったらあるんだけど、しょっちゅう使うような自作関数や、自分で書いたjavascriptをプラグイン化できたら、カスタマイズもしやすそう。

なので、どうやって作るのか調べたところ、簡単なものならすぐ作られそう。

下記ページでメモっていた部分をプラグイン化した場合、

 

JavaScriptだけでTOPへ戻るリンクの表示

https://taitan916.info/blog/?p=107

 

test.js

 

index.html

 

サンプル

http://sample.taitan916.info/plugin/

 

無名関数でくくって、あとは処理内容を書いていくだけで良いみたい。しょっちゅう使うものに関してはプラグイン化してまとめて所持しておくと便利そうですね。

 

参考サイト

http://webdrawer.net/javascript/jqplugin.html

 - jQuery

  関連記事

AjaxFileUploadで処理は実行できてもエラーが返る

AjaxFileUploadでPHPに通信し、サーバー側のPHPで処理は正常に実 ...

jQueryでiframe内の要素を呼び出し

jQueryでiframeで開いたbody内の内容が欲しかった。 ■jQuery ...

クリップボードの操作

<? /* クリックでクリップボードにコピーする。 http://zxcv ...

submit関連のjQuery2

<?php error_reporting(E_ALL & ~E_ ...

imgタグで作成したグラフをjQueryでリアルタイムに動かす

このグラフをリアルタイムプレビューさせる。 ■サンプル http://sampl ...

jQueryでUNIXタイムスタンプの取得

jQueryでUNIXタイムスタンプを取得したい場合、 $.now()だけで取得 ...

FullCalendarでtitle以外も表示させたい

FullCalendarでカレンダー内のイベントをクリックした際にtitle以外 ...

jQueryで指定した要素を簡単にフォーカスするfocusbleの使い方

divやspanなど指定した要素を簡単にフォーカスするjQueryプラグインがあ ...

jQueryで要素のleftやwidthを取得

jQueryで要素のposition(leftやtop)とwidthとheigh ...

getElementsByTagName

うろ覚えだけど業務中に、 document.getElementById('aa ...