[jQuery]共通jqueryセレクタ

6750 ワード

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"/> ]