2012-02-19 14 views
0

同じ機能の異なるバリエーションを持つ1つの要素に影響を与えることを目指しています。私はid、class、aを使いましたが、これは本当に醜い方法のようですが、最終的にはセレクタの限界に達します。私のコードは以下の通りですが、私は、ページ上の1つの要素に影響を及ぼす方法の制限の少ない方法でこれを実装する、より洗練された方法が大好きです。jquery 1つの要素の複数のセレクタ

編集:以下はコードのセレクタ部分です。要素は複数のidやクラスを持つことはできません。同じ要素を参照するために10個の別々の方法を追加すると、同時に10個の異なることができますか?

  <script> 
      $(document).ready(function() 
        { 

      $('a[title]').qtip({ (...) 
}); 


      $('#tooltip2').qtip({ (...) 
}); 

      $('.myclass').qtip({ (...) 
}); 
+0

いつでも同じ要素に複数のクラスを使用できます。 – Bojangles

+0

これを短くして、? – rd42

答えて

3

は、あなただけの同じセレクタ毎回...

$('#tooltip2') 

あなたは異なるセレクターあなたが要素に別の何かをするたびに使用する必要がない理由はありませんを使用します。セレクタは、DOMで必要な要素を識別する単なる方法です。


質問を更新しました。元の質問では、使用された各セレクタは同じ要素を参照していました。

あなたはより多くを持つことができます

"...要素が複数のIDやクラスを持つことができません" ...要素

を追加しました1つのクラス。

...ので、どのように私は...同じ要素を参照するための10個の別々の方法を追加します」

あなたは同じ要素を選択するさまざまな方法を持っている必要はありません、あなたが本当に同じ要素を選択している場合。

あなたはそれが本当にあなたがそれを何とはほとんどを持って選択する方法

...ので、私は、同時にそれと10種類のことを行うことができます」。 10人の異なる人々があなたと話したい場合、それぞれがあなたに別の名前で電話する必要がありますか?セレクタは単にの手段で、ターゲットの要素をと指定しています。

あなたはいくつかの方法で作業する必要がある場合は、それがたら、それを選択するのが最善です

、および選択をキャッシュ...

var tt2 = $('#tooltip2'); 

tt2.qtip(...); 

tt2.qtip(...); 

tt2.qtip(...); 

DOMの選択があるためですかなり高価な操作。不要なときは繰り返しはしないのが最善です。

+0

これは決して考えなかったので、私はそれを試してみましょう – rd42

+0

私は優れた答えです。私は複雑さを期待していて、明らかに見えるとは思わなかった。ありがとうございました!私は6分でチェックをチェックします。 – rd42

+0

@ rd42:ようこそ。 –

関連する問題