2011-07-22 19 views
1

次のスクリプトのように、 - 関数は 'id = input1'が入力されたときに実行されます。私は別のIDを追加する必要があります。 ID = INPUT2、INPUT2に入力しているように、関数を再度実行します。..クラスの場合2つの入力を関数にバインドする方法

$('.input1').bind("focus blur change keyup", function(){ 
    .... 
    }; 
+0

をしたいと思うことは、あなたが次のイベントのすべての4つにこれらの要素のために同じ機能をバインドしてよろしいです:フォーカス、ぼかし、変更、キーアップ?この関数は実際に何をしていますか? –

答えて

6

.myclass):IDの

$('.input1, .input2').bind("focus blur change keyup", function(){ .... }); 

#myID):

$('#input1, #input2').bind("focus blur change keyup", function(){ .... }); 
+1

+1、この1行のコードは非常に高価で、それらのクラスがいくつかのノードに割り当てられていると劇的にあなたのサイトを遅くする可能性がありますが、これよりもはるかに簡単になりません;) – AlienWebguy

+0

input1とinput2という2つのクラスがあります。 OPは具体的に要素IDにバインドするように頼んだ –

+0

それはクラスを持っていたので私は彼の例を使用しました、私は今編集して両方を置くでしょう – Fred

1

することができますカンマ区切りの文字列で指定する。

$("selector1,selector2,...,selectorN").bind(

REF:jquery multiple selectors

0

あなたはIDによって2つの入力をバインドしたい場合は、#idName代わりの.idNameを使用する必要があります。いくつかの基準である

ID Selector

Class Selector

ここでjQueryのセレクター

内で、期間は、要素クラス名のためであり、番号記号は、要素IDを定義するために、次のjQuery:違いに気付きますセレクタは、コンマで区切って複数のセレクタでバインドすることができます。

$('#input1, #input2').bind("focus blur change keyup", function(){ .... }); 

しかし、これらのイベントをそれぞれ同じ機能にバインドしたいとは思わないでしょう。

「 'id = input1'が入力されているときに関数が実行されました。私は要素の焦点にあなたが意味すると仮定しています。これは私の仮定が真である場合は、この

$('#input1, #input2').bind("focus", function(){ .... }); 

または

$('#input1, #input2').focus(function(){ .... }); 
関連する問題