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からモジュール、管理画面のカスタマイズまで 佐久嶋 ひろみ by G-Tools