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