このjQueryの選択を行うより良い方法はありますか？

Question

このjQueryの選択を行うには良い方法があります：私は、テキストボックスやテキストエリアのため、フォーカスにblurイベントに、私の機能、HideDynamicFormErrorを結合し、他のフォーム入力要素のイベントをクリックしています

$("p.DynFieldWrapper :input:not(:text):not(textarea)").focus(HideDynamicFormError).click(HideDynamicFormError); 
$("p.DynFieldWrapper :text,p.DynFieldWrapper textarea").blur(HideDynamicFormError); 

が。

これが働いているが、私はまだjQueryので物事のこつを取得していますし、これを行うためのより良い方法があったか不思議でしたか？

Answer 1

最初のものは少しシンプルにすることができます、あなたは罰金を

それ以外

$("p.DynFieldWrapper :input:not(:text,textarea)") 

やっています。

Answer 2

私はこれを行うために誘惑されるだろう：

（パフォーマンス的に）場合、私は、これは何をやっているとの比較方法を知りません。それは良いかもしれない。それはもっと悪いかもしれません。しかしそれはテストの価値がある。

あなたがやっていることは何も問題はありません。私は、すべてのpがどれくらい速く見つかったか、フォーム要素を探しているすべてのサブツリートラバーサルがあるかどうかは分かりません。ドキュメントのサイズや関連するサブツリーに依存します。

Answer 3

あなたも複数のイベントにイベントハンドラをバインドするバインド（）を使用することができます。文脈が速く過ぎるかもしれとしてp.DynFieldWrapperを使用して、パフォーマンスをテストするには、このかかわらずが必要になります。

$("input:not(:text,:textarea)", "p.DynFieldWrapper") 
    .bind("focus click", HideDynamicFormError); 

Answer 4

方法については、この発見を使用しての私の考えで投げ+上記のすべての答えを、マージ？

$('p.DynFieldWrapper :input') 
    .find(':not(:text, textarea)') 
     .bind('focus click', HideDynamicFormError) 
    .end() 
    .find(':text, textarea') 
     .blur(HideDynamicFormError); 

EDIT：

もう一つのアイデア、ちょうど楽しみのために！ （自分では好きではありませんが）

$('p.DynFieldWrapper :input') 
    .bind('focus click blur', 
     function(ev) 
     { 
      if($(this).is(':text, textarea')) 
      { 
       if(ev.type == 'blur') 
        HideDynamicFormError(ev); 
      } 
      else 
      { 
       if(ev.type != 'blur') 
        HideDynamicFormError(ev); 
      } 

     } 
    );