Forum | Najnowsze tutoriale tworzenie stron internetowych
 

jQuery selektory


jQuery selektory

Skorzystaj z naszej jQuery Selector Tester do wykazania różnych selektorów.

Selektor Przykład Wybiera
* $("*") Wszystkie elementy
# id $("#lastname") Element o id="lastname"
. class $(".intro") Wszystkie elementy z class="intro"
. class, . class $(".intro,.demo") Wszystkie elementy z class "intro" lub "demo"
element $("p") Wszystkie <p> Elementy
el1 , el2 , el3 $("h1,div,p") Wszystko <h1>, <div> <p> <h1>, <div> <p> Elementy
   
:first $("p:first") Pierwsza <p> Element
:last $("p:last") Ostatnim <p> Element
:even $("tr:even") Wszystkie nawet <tr> Elementy
:odd $("tr:odd") Wszystkie nieparzyste <tr> Elementy
   
:first-child $("p:first-child") Wszystkie <p> elementy, które są pierwszym dzieckiem swojego rodzica
:first-of-type $("p:first-of-type") Wszystkie <p> elementy, które są pierwszym <p> element rodzica
:last-child $("p:last-child") Wszystkie <p> elementy, które są ostatnim dzieckiem swojego rodzica
:last-of-type $("p:last-of-type") Wszystkie <p> elementy, które są ostatnią <p> element rodzica
:nth-child( n ) $("p:nth-child(2)") Wszystkie <p> elementy, które są 2nd dzieckiem swojego rodzica
:nth-last-child( n ) $("p:nth-last-child(2)") Wszystkie <p> elementy, które są 2nd dzieckiem swojego rodzica, licząc od ostatniego dziecka
:nth-of-type( n ) $("p:nth-of-type(2)") Wszystkie <p> elementy, które są 2nd <p> element rodzica
:nth-last-of-type( n ) $("p:nth-last-of-type(2)") Wszystkie <p> elementy, które są 2nd <p> element rodzica, licząc od ostatniego dziecka
:only-child $("p:only-child") Wszystkie <p> elementy, które są jedynym dzieckiem swojego rodzica
:only-of-type $("p:only-of-type") Wszystkie <p> elementy, które są jedynym dzieckiem, jego typu, ich rodziców
   
parent > child $("div > p") Wszystkie <p> elementy, które są bezpośrednim dzieckiem <div> elementu
parent descendant $("div p") Wszystkie <p> elementy, które są potomkami <div> elementu
element + next $("div + p") <p> element, który są obok siebie <div> elementy
element ~ siblings $("div ~ p") Wszystkie <p> elementy, które mają rodzeństwo w <div> elementu
   
:eq( index ) $("ul li:eq(3)") Czwarty element na liście (Indeks zaczyna się od 0)
:gt( no ) $("ul li:gt(3)") Elementy listy z indeksem większym niż 3
:lt( no ) $("ul li:lt(3)") Elementy listy z indeksem mniej niż 3
:not( selector ) $("input:not(:empty)") Wszystkie elementy wejściowe, które nie są puste
   
:header $(":header") Wszystkie elementy nagłówka <h1>, <h2> ...
:animated $(":animated") Wszystkie animowane elementy
:focus $(":focus") Element, który aktualnie ma fokus
:contains( text ) $(":contains('Hello')") Wszystkie elementy, które zawiera tekst "Hello"
:has( selector ) $("div:has(p)") Wszystkie elementy <div>, które mają <p> elementu
:empty $(":empty") Wszystkie elementy, które są puste
:parent $(":parent") Wszystkie elementy, które są dominującym innego elementu
:hidden $("p:hidden") Wszystkie ukryte <p> Elementy
:visible $("table:visible") Wszystkie widoczne tabele
:root $(":root") Element główny dokumentu
:lang( language ) $("p:lang(de)") Wszystkie <p> Elementy z wartością atrybutu lang zaczynające się od "de"
   
[ attribute ] $("[href]") Wszystkie elementy z href atrybutu
[ attribute = value ] $("[href='default.htm']") Wszystkie elementy z href wartość atrybutu równa "default.htm"
[ attribute != value ] $("[href!='default.htm']") Wszystkie elementy z href wartość atrybutu nie jest równa "default.htm"
[ attribute $= value ] $("[href$='.jpg']") Wszystkie elementy z href wartość atrybutu kończąc ".jpg"
[attribute|=value] $("[title|='Tomorrow']") Wszystkie elementy o tytule wartość równą atrybutu 'Tomorrow' , albo zaczynając od 'Tomorrow' , po której następuje myślnik
[attribute^=value] $("[title^='Tom']") Wszystkie elementy o tytuł atrybut wartość początkowa z "Tom"
[attribute~=value] $("[title~='hello']") Wszystkie elementy, których wartość atrybutu tytuł zawierające określone słowo "hello"
[attribute*=value] $("[title*='hello']") Wszystkie elementy, których wartość atrybutu tytuł zawierające słowo "hello"
   
:input $(":input") Wszystkie elementy wejściowe
:text $(":text") Wszystkie elementy wejściowe z type="text"
:password $(":password") Wszystkie elementy wejściowe z type="password"
:radio $(":radio") Wszystkie elementy wejściowe z type="radio"
:checkbox $(":checkbox") Wszystkie elementy wejściowe z type="checkbox"
:submit $(":submit") Wszystkie elementy wejściowe z type="submit"
:reset $(":reset") Wszystkie elementy wejściowe z type="reset"
:button $(":button") Wszystkie elementy wejściowe z type="button"
:image $(":image") Wszystkie elementy wejściowe z type="image"
:file $(":file") Wszystkie elementy wejściowe z type="file"
:enabled $(":enabled") Wszystkie enabled elementy wejściowe
:disabled $(":disabled") Wszystkie disabled elementy wejściowe
:selected $(":selected") Wszystkie selected elementy wejściowe
:checked $(":checked") Wszystkie checked elementy wejściowe