jQuery reference manual - selector

jQuery selector

sökare exempel Välja
* $("*") Alla element
#id $("#lastname") element med id="lastname"
.class $(".intro") Alla element med class="intro"
element $("p") Alla <p>-element
.class.class $(".intro.demo") Alla element med class="intro" och class="demo"
　 　 　
:first $("p:first") Första <p>-elementet
:last $("p:last") Sista <p>-elementet
:even $("tr:even") Alla jämna <tr>-element
:odd $("tr:odd") Alla ojliga <tr>-element
　 　 　
:eq(index) $("ul li:eq(3)") Den fjärde elementet i listan (index börjar vid 0)
:gt(no) $("ul li:gt(3)") Listar element som har index större än 3
:lt(no) $('ul li:lt(3)') List elements with index less than 3
:not(selector) $('input:not(:empty)') All non-empty input elements
　 　 　
:header $(':header') All heading elements <h1> - <h6>
:animated 　 All animated elements
　 　 　
:contains(text) $(':contains('W3School')') All elements containing the specified string
:empty $(':empty') All elements without child (element) nodes
:hidden $('p:hidden') All hidden <p> elements
:visible $('table:visible') All visible tables
　 　 　
s1,s2,s3 $('th,td,.intro') All elements with matching selector
　 　 　
[attribute] $('[href]') All elements with href attribute
[attribute=value] $('[href='#']') All elements with href attribute values equal to "#"
[attribute!=value] $('[href!='#']') All elements with href attribute values not equal to "#"
[attribute$=value] $('[href$='.jpg']') All elements with href attribute values ending with ".jpg"
　 　 　
:input $(':input') All <input> elements
:text $(':text') All <input> elements with type="text"
:password $(':password') All <input> elements with type="password"
:radio $(':radio') All <input> elements with type="radio"
:checkbox $(':checkbox') All <input> elements with type="checkbox"
:submit $(':submit') All <input> elements with type="submit"
:reset $(':reset') All <input> elements with type="reset"
:button $(':button') All <input> elements with type="button"
:image $(':image') Alla type="image" <input>-element
:file $(':file') Alla type="file" <input>-element
　 　 　
:enabled $(':enabled') Alla aktiverade input-element
:disabled $(':disabled') Alla inaktiverade input-element
:selected $(':selected') Alla valda input-element
:checked $(':checked') Alla valda input-element

Se

Lär dig:jQuery Element Väljare Syntax