コンマで区切られたセレクタのリスト？

Question

私は、現時点ではいくつかのコードをリファクタリングすることだし、セレクタに遭遇しています

jQuery("tr","#ctl00_MainContent_MyUserControl").each(function(i,row) { ... } 

それがページ上でユーザーコントロールから<tr>年代を選択しているように見えます（インスタンスは完全に命名されているという事実を無視！）しかし、それは私がよく知っている構文ではなく、ドキュメントで何も見つけることができません。私はそれが書かれることを期待したい：私はここに欠けている（微妙かそうでない）違いがあるかどう

$("#ctl00_MainContent_MyUserControl tr").each(function(i,row) { ... } 

誰も私を伝えることはできますか？

Answer 1

This selectorは、ctl00_MainContent_MyUserControlの要素内のすべてのtr要素を選択します。あなたの2番目の例とまったく同じです。

第2パラメータは、最初のパラメータのコンテキストを提供します。この構文のためのより良いユースケースは、たとえば、あります

elがあなたのページにいくつかの要素である

function(el) { 
    $('tr', el).each(...); 
} 

。この場合、2番目の構文形式は使用できません。

Answer 2

jQueryコンストラクタの第2引数（最初がセレクタの場合）は、というコンテキストです。コンテキストとして使用するためのAPIドキュメント

コンテキスト A DOM要素、ドキュメント、またはjQueryのから

は、それはまったく同じだhttp://api.jquery.com/jQuery/

Answer 3

を参照してください。また、書かれている可能性：

$("#ctl00_MainContent_MyUserControl").find("tr").each(function(i,row) { ... } 

元の構文はjQuery constructor documentationで見ることができます。基本的には、最初のセレクタと一致するすべての要素を見つけます。これは、2番目のセレクタの子孫です。

Answer 4

二つの引数（selectorとcontext）is equivalent tojQuery(context).find(selector)とjQuery()メソッドを呼び出します。このように：も同じであることを起こる

jQuery("#ctl00_MainContent_MyUserControl").find("tr"); 

：

jQuery("tr","#ctl00_MainContent_MyUserControl"); 

はに等しい

jQuery("#ctl00_MainContent_MyUserControl tr"); 

---

私の個人的な意見ですそのcontextの使用のみ既に選択された要素を渡すことができたら意味があります（jQueryまたはDOM）、セレクタ（String）を渡すだけではありません。その場合、CSSセレクタを模倣するほうが簡単です（例：#ctl00_MainContent_MyUserControl tr）。