jQuery Selectori
Utilizați nostru jQuery Selector Tester pentru a demonstra diferite selectorii.
| Selector | Exemplu | Selectează |
|---|---|---|
| * | $("*") | toate elementele |
| # id | $("#lastname") | Elementul cu id="lastname" |
| . class | $(".intro") | Toate elementele cu class="intro" |
| . class, . class | $(".intro,.demo") | Toate elementele cu class "intro" sau "demo" |
| element | $("p") | Toate <p> elemente |
| el1 , el2 , el3 | $("h1,div,p") | Toate <h1>, <div> <p> <h1>, <div> <p> elemente |
| :first | $("p:first") | Prima <p> elementul |
| :last | $("p:last") | Ultimul <p> elementul |
| :even | $("tr:even") | Toate chiar și <tr> elemente |
| :odd | $("tr:odd") | Toate impare <tr> elemente |
| :first-child | $("p:first-child") | Toate <p> elementele care sunt primul copil al părintelui |
| :first-of-type | $("p:first-of-type") | Toate <p> elemente care sunt primul <p> elementul părintelui |
| :last-child | $("p:last-child") | Toate <p> elemente care sunt ultimul copil al părintelui |
| :last-of-type | $("p:last-of-type") | Toate <p> elemente care sunt ultimul <p> elementul părintelui |
| :nth- child( n ) | $("p:nth- child(2) ") | Toate <p> elemente care sunt al 2 - lea copil al părintelui |
| :nth-last- child( n ) | $("p:nth-last- child(2) ") | Toate <p> elemente care sunt al 2 - lea copil al părintelui, numărând de la ultimul copil |
| :nth-of- type( n ) | $("p:nth-of- type(2) ") | Toate <p> elemente care sunt a 2 -a <p> elementul părintelui |
| :nth-last-of- type( n ) | $("p:nth-last-of- type(2) ") | Toate <p> elemente care sunt a 2 -a <p> elementul părintelui lor, numărând de la ultimul copil |
| :only-child | $("p:only-child") | Toate <p> elemente care sunt singurul copil al părintelui |
| :only-of-type | $("p:only-of-type") | Toate <p> elemente care sunt singurul copil, de tipul său, de mama lor |
| parent > child | $("div > p") | Toate <p> elemente care sunt un copil direct al unui <div> element de |
| parent descendant | $("div p") | Toate <p> elemente care sunt descendenți ai unui <div> Element |
| element + next | $("div + p") | <p> Elementul care se află lângă fiecare <div> elemente |
| element ~ siblings | $("div ~ p") | Toate <p> elemente care sunt frații unui <div> Element |
| : eq( index ) | $("ul li: eq(3) ") | Al patrulea element dintr - o listă (index starts at 0) de (index starts at 0) |
| : gt( no ) | $("ul li: gt(3) ") | Elementele listei, cu un indice mai mare de 3 |
| : lt( no ) | $("ul li: lt(3) ") | Elementele listei, cu un indice mai mic de 3 |
| : not( selector ) | $("input: not(:empty) ") | Toate elementele de intrare care nu sunt goale |
| :header | $(":header") | Toate elementele de antet <h1>, <h2> ... |
| :animated | $(":animated") | Toate elementele animate |
| :focus | $(":focus") | Elementul care are în prezent se concentreze |
| : contains( text ) | $(": contains('Hello') ") | Toate elementele care conține textul "Hello" |
| : has( selector ) | $("div: has(p) ") | Toate <div> elemente care au un <p> Element |
| :empty | $(":empty") | Toate elementele care sunt goale |
| :parent | $(":parent") | Toate elementele care sunt un părinte al unui alt element de |
| :hidden | $("p:hidden") | Toate ascunse <p> elemente |
| :visible | $("table:visible") | Toate tabelele vizibile |
| :root | $(":root") | element rădăcină al documentului |
| : lang( language ) | $("p: lang(de) ") | Toate <p> elemente cu valoare atributului lang incepand cu "de" |
| [ attribute ] | $("[href]") | Toate elementele cu un href atribut |
| [ attribute = value ] | $("[href='default.htm']") | Toate elementele cu href valoare atribut egal cu "default.htm" |
| [ attribute != value ] | $("[href!='default.htm']") | Toate elementele cu href valoare atribut nu egal cu "default.htm" |
| [ attribute $= value ] | $("[href$='.jpg']") | Toate elementele cu href valoare atribut se termină cu ".jpg" |
| [ attribute |= value ] | $("[title|='Tomorrow']") | Toate elementele cu titlu atribut valoare egală 'Tomorrow' , sau începând cu 'Tomorrow' , urmat de o cratimă |
| [ attribute ^= value ] | $("[title^='Tom']") | Toate elementele cu un titlu de valoare a atributului incepand cu "Tom" |
| [ attribute ~= value ] | $("[title~='hello']") | Toate elementele cu o valoare atribut un titlu care conține cuvântul specific "hello" |
| [ attribute* = value ] | $("[title*='hello']") | Toate elementele cu o valoare atribut un titlu care conține cuvântul "hello" |
| :input | $(":input") | Toate elementele de intrare |
| :text | $(":text") | Toate elementele de intrare cu type="text" |
| :password | $(":password") | Toate elementele de intrare cu type="password" |
| :radio | $(":radio") | Toate elementele de intrare cu type="radio" |
| :checkbox | $(":checkbox") | Toate elementele de intrare cu atributul type="checkbox" |
| :submit | $(":submit") | Toate elementele de intrare cu atributul type="submit" |
| :reset | $(":reset") | Toate elementele de intrare cu atributul type="reset" |
| :button | $(":button") | Toate elementele de intrare cu type="button" |
| :image | $(":image") | Toate elementele de intrare cu atributul type="image" |
| :file | $(":file") | Toate elementele de intrare cu atributul type="file" |
| :enabled | $(":enabled") | Toate enabled elementele de intrare |
| :disabled | $(":disabled") | Toate disabled cu disabled elemente de intrare |
| :selected | $(":selected") | Toate selected elementele de intrare |
| :checked | $(":checked") | Toate checked elementele de intrare |