jQuery プラグインの定義パターンについて調べてみた - Cyokodog :: Diary
jQuery のプラグインの定義手法については、いろいろな記述の仕方が考えられるかと思います。今回、実際に公開されているソースを参照して、どのような定義パターンがあるのかを調べてみました。 jQuery 標準 API の定義構造のおさらい まず、jQuery が標準で提供している各種 API が、どうのような構造で定義されてるかおさらいしてみます。 $ や jQuery はグローバル変数、つまり window オブジェクトのプロパティ名であり、その実体は関数オブジェクトです。 window.$ = window.jQuery = function(){ ... } jQuery が提供する API には 関数 API と メソッド API があり、関数 API は jQuery 関数オブジェクト（以降 jQuery セレクタと記述します）が持つ、関数オブジェクトのことを指します。 jQue
Javascript/prototypeプロパティ - 俺の基地
prototypeとはなんなんだ？ 今まで単なる継承用の何かをつなげておくためのものだと思っていたが jQueryのコードにチラホラprototypeプロパティからメソッドを直接使う記述があったので気になった さらにnewまでprototypeの中のメソッドを使ってる・・・なんだかよくわからん ▲ ▼ 今の認識と使い方 まずprototypeというものは関数オブジェクトに必ずあって、そこから作られたオブジェクトはprototypeプロパティを継承するということ つまりprototypeプロパティにメンバを追加すればnewした対象に全部メソッドを追加できる var Hoge = function(){}; Hoge.prototype.piyo = function(){alert('aaa');}; var aaa = new Hoge(); aaa.piyo(); こういうこと
知ってて当然？初級者のためのJavaScriptで使う即時関数(function(){...})()の全て
(function(){...})()は、 (function($){ $.hoge = function() { }; })(jQuery) みたいに使われていたりするコード。GreasemonkeyとかjQueryのプラグインとか、あれこれ見かけることがあると思います。 この話題はいくつかWebでも取り上げられていますが何がどうなってんのかちょっと難しいですね。しかし、誰でも理解できるレベルではあります。というのも、こういう種の難しさは体系的な知識が備わっているか否かということなのです。 でも、この知識を体系化する作業って結構しんどくて、難しくて、まーハゲるほど悩むこともあるかもしれない。それはきっと、とても毛根に悪いかもしれない。スカルプDも真っ青の状況になるかもしれない。それは、悲しいことなのだと思う・・・っ！ 毛根にはこれからもがんばってほしい！いつだって頭を温かいまなざしで見守
jQueryでよくつかうインターフェイスをまとめた「Toolkit with 6 Awesome jQuery User Interface components」
jQueryでよくつかうインターフェイスをまとめた「Toolkit with 6 Awesome jQuery User Interface components」 タブメニュー・ツールチップ・スライドショーなどなど様々なWEBインタフェースを提供してくれるjQueryプラグイン化されていますので、実装もかなり簡易にでき、制作者にとってはありがたい存在です。今日紹介するのはjQueryでよくつかうインターフェイスをまとめたツールキット「Toolkit with 6 Awesome jQuery User Interface components」です。 各インターフェイス毎に様々な動きを実装できます。さらにToolキットは必要に応じてカスタマイズしてダウンロードできます。 詳しくは以下 ■tabs 様々なタブメニューを生成することが可能です。 ■tooltip 半透明からシンプルなものまで
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
