勉強したことのメモ

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

  関連記事

submit関連のjQuery

<?php //jQueryでのsubmit,エンターキーでのsubmit ...

jQuery Nice Selectを特定ページのみ無効にしたい

bootstrap系のテンプレートデザインを使用したサイトを構築中に、セレクトメ ...

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

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

jQueryでボタンをクリックしてクリップボードにコピー

■2015/11/01追記 以下記事でライブラリとか無しで同様の機能がつけられる ...

八地方区分→都道府県→路線→駅名の連携したセレクトメニュー

八地方区分(関東、近畿等)をプルダウンから選ぶと区分内の都道府県プルダウンが表示 ...

getElementsByTagName

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

jQueryでのやりたい事

フォーム周りをよく使うのでまとめておく。 ・テキストボックスのvalue取得、書 ...

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

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

lightboxをファイルアップロードなしで使う(CDN)方法

本番実装時ならともかく、テスト用とかでlightboxみたいによく使うプラグイン ...

jQueryで画像を遅延ロードする(jquery.lazyload.js)

画像を遅延ロードさせたい時にはlazyloadが便利。 ■ダウンロード http ...