2007-09-27

jQuery の Selector でカンマを使うと異なる要素の OR をとれる

jQuery の Selector でカンマを使うと異なる要素の OR を取れます。

次のように、異なる要素に対して同じ操作をするときは、
      $('#c1')
.ToolTip({
className: 'tooltip',
position: 'mouse',
delay: 500
});

$('#c2')
.ToolTip({
className: 'tooltip',
position: 'mouse',
delay: 500
});

$('.handle')
.ToolTip({
className: 'tooltip',
position: 'mouse',
delay: 500
});

$('a', '#r')
.ToolTip({
className: 'tooltip',
position: 'mouse',
delay: 500
});
次のように、カンマを使えばよいですね。
   $('#c1, #c2, .handle, #r a')
.ToolTip({
className: 'tooltip',
position: 'mouse',
delay: 500
});
カンマが OR と連想しにくい気がしますが、覚えてしまえば JavaScript コードのタイプ数をかなり減らせます。

オープンソースZen Cartカスタマイズ・ガイド―テンプレート、スタイルシート、JavaScriptからモジュール、管理画面のカスタマイズまでオープンソースZen Cartカスタマイズ・ガイド―テンプレート、スタイルシート、JavaScriptからモジュール、管理画面のカスタマイズまで
佐久嶋 ひろみ

オープンソース Zen Cartで作る本格インターネットショップ―無料で使えるXOOPSでさらに便利に! Customizing XOOPS ~自由にデザイン・自在にHack WordPress標準ガイドブック―導入&基本操作からフルチューンまで WordPressサイト構築スタイルブック―デザイナーのためのテンプレートタグリファレンス+サイトデザインテクニック 多機能なコミュニティサイトを作ろう! XOOPS独習マニュアル

by G-Tools

0 件のコメント: