スイナシア(jQuery) 「jQuery」なエントリー suin 2010-07-31T10:09:27Z http://example.com/atom1.xml jQueryの世界で最も単純なプラグインの作り方サンプル jQueryは要素セレクターやクロスブラウザ対応が優れたjavascriptのライブラリで、prototype.jsと並んで広く使われています。そのjQueryでは、独自に自前の関数をプラグインという形で作ることが 2010-02-03T23:29:00Z 2010-02-03T23:17:00Z http://suin.asia/2010/02/04/the_simplest_plugin_for_jquery jQueryは要素セレクターやクロスブラウザ対応が優れたjavascriptのライブラリで、prototype.jsと並んで広く使われています。そのjQueryでは、独自に自前の関数をプラグインという形で作ることができます。jQueryプラグインの作り方は検索すれば山ほど出てきますが、その第一歩となるプラグインの基本的な書き方が見つからなかったので記事にしておこうと思います。

次のプラグインは、単に文字色を赤くするだけのものです。mypluginがプラグイン名です。$(this).css('color', 'red');の部分以外がプラグインの骨組みとなり、この部分だけ差し替えれば、全く別のプラグインを作ることができます。

(function($){
	$.fn.myplugin = function() {
		return this.each(function() {
			$(this).css('color', 'red');
		});
	};
})(jQuery);

このプラグインの動作デモ

]]> jQueryでエレメントが存在するか知る方法 jQueryで、あるエレメントがあるかどうか知る方法。 2008-10-31T02:36:33Z 2008-10-31T02:36:33Z http://suin.asia/2008/10/31/jquery-if-an-element-exists.html 
if ( $('#myDiv').length )
  $('#myDiv').show();

lengthであるかどうかがわかるらしい。

んでやってみたけど、できねぇー。

FireBugに"$('#myDiv') is null"って怒られるし。

複数の英語サイトを回ってみたけど、

if ( $('#myDiv') ) だといつもtureが返るからだめで、
if ( $('#myDiv').length ) が正しいと言うんだけれど、エラー出るし。

結局行き着いた答えはこれだった。

if ( $('#myDiv') != null )

まいったまいった。


]]>