勉強したことのメモ

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

  関連記事

pjaxについてのメモ

ずっと気になっていたpjaxについてのメモ。 ■参考サイト http://chi ...

画像をドラッグ&ドロップでアップロードする方法

画像を複数枚ドラッグ&ドロップでアップロードしたかった。だいぶ前にdro ...

POP広告をjQueryで再現する方法

サイト内のリンクをクリックすると、新しいタブもしくはウィンドウで開く広告をちょい ...

jQueryのプラグインで簡単にイメージスライダーを作成(bxslider)

画像のスライダーを作る時に便利なプラグインであるbxslider。 簡単に使える ...

jQueryでshow/hideよりaddClass/removeClassの方が速い

diaplay:none/blockする際に最近はshow()/hide()を ...

jQuery.uploadでリアルタイムプレビュー

やりたい事は、 ・<input type="file">で画像を選択 ...

要素の表示or非表示

今まで要素の表示or非表示をCSSで操作する際、 display:none; / ...

簡単にtable内をソート

やりたかった事は、 ・テーブル内でのソート ・内容は文字、数値、日時 ・PHPじ ...

ダウンロード無しで外部ファイル呼び出し

■jQuery http://scriptsrc.net/ ■bootstrap ...

submit関連のjQuery2

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