jqueryセレクタの概要

jQuery         
 
$("#myELement")      id   myElement   ，id              id  myElement            
$("div")                div    ，  div     
$(".myClass")          myClass  css      
$("*")                        ，                 ：  $("#myELement,div,.myclass") 
 
     ： 
$("form input")              form    input   
$("#main > *")            id  main        
$("label + input")          label      input    ，          label         input     input     
$("#prev ~ div")            ，        id prev                  div   
 
       ： 
$("tr:first")                   tr       
$("tr:last")                    tr        
$("input:not(:checked) + span")   
 
   ：checked        input   
 
$("tr:even")                    tr    0，2，4... ...   （  ：              ，      0  ） 
 
$("tr:odd")                     tr    1，3，5... ...    
$("td:eq(2)")                  td      2   td   
$("td:gt(4)")               td       4   td   
$("td:ll(4)")                td       4    td   
$(":header") 
$("div:animated") 
       ： 
 
$("div:contains('John')")     div   John      
$("td:empty")                  （        ） td      
$("div:has(p)")              p   div   
$("td:parent")                td          
        ： 
 
$("div:hidden")              hidden div   
$("div:visible")                 div   
       ： 
 
$("div[id]")                    id   div   
$("input[name='newsletter']")         name    'newsletter' input   
 
$("input[name!='newsletter']")      name     'newsletter' input   
 
$("input[name^='news']")              name   'news'   input   
$("input[name$='news']")              name   'news'   input   
$("input[name*='man']")               name    'news' input   
 
$("input[id][name$='man']")                  ，            id         man      
 
        ： 
 
$("ul li:nth-child(2)"),$("ul li:nth-child(odd)"),$("ul li:nth-child(3n + 1)") 
 
$("div span:first-child")               div             
$("div span:last-child")                div             
$("div button:only-child")            div                    
 
       ： 
 
$(":input")                             ，  input, textarea, select   button 
 
$(":text")                          text input   
$(":password")                password input   
$(":radio")                        radio input   
$(":checkbox")                 checkbox input   
$(":submit")                    submit input   
$(":image")                      image input   
$(":reset")                        reset input   
$(":button")                     button input   
$(":file")                          file input   
$(":hidden")                      hidden input          
 
         ： 
 
$(":enabled")                           
$(":disabled")                           
$(":checked")                  checked      
$("select option:selected")      select       selected    
 
  
 
     name  ”S_03_22″ input text     td text 
$(”input[@ name =S_03_22]“).parent().prev().text() 
 
   ”S_”  ，     ”_R”   
$(”input[@ name ^='S_']“).not(”[@ name $='_R']“) 
 
     radio_01 radio    
$(”input[@ name =radio_01][@checked]“).val(); 
 
  
 
  
 
$("A B")   A          ，        
$("A>B")   A          
$("A+B")   A         ，        
$("A~B")   A         ，          
 
1. $("A B")   A          ，         
 
  ：         input    
 
HTML   : 
 
<form>
<label>Name:</label>
<input name="name" />
<fieldset>
      <label>Newsletter:</label>
      <input name="newsletter" />
</fieldset>
</form>
<input name="none" /> 
jQuery   : 
 
$("form input") 
  : 
 
[ <input name="name" />, <input name="newsletter" /> ] 
 
2. $("A>B")   A           
  ：          input  。 
 
HTML   : 
 
<form>
<label>Name:</label>
<input name="name" />
<fieldset>
      <label>Newsletter:</label>
      <input name="newsletter" />
</fieldset>
</form>
<input name="none" /> 
jQuery   : 
 
$("form > input") 
  : 
 
[ <input name="name" /> ] 
 
3. $("A+B")   A         ，         
  ：       label     input    
 
HTML   : 
 
<form>
<label>Name:</label>
<input name="name" />
<fieldset>
      <label>Newsletter:</label>
      <input name="newsletter" />
</fieldset>
</form>
<input name="none" /> 
jQuery   : 
 
$("label + input") 
  : 
 
[ <input name="name" />, <input name="newsletter" /> ] 
 
 
4. $("A~B")   A         ，          
  ：           input    
 
HTML   : 
 
<form>
<label>Name:</label>
<input name="name" />
<fieldset>
      <label>Newsletter:</label>
      <input name="newsletter" />
</fieldset>
</form>
<input name="none" /> 
jQuery   : 
 
$("form ~ input") 
  : 
 
[ <input name="none" /> ]