Selektory w bibliotece jQuery

Selektory - służą do odnajdywania elementów strony.

Filozofia jQuery polega na znajdowaniu elementów w dokumencie a następnie odpowiednie działanie na tych elementach. Aby odnaleźć interesujące elementy na stronie używane są selektory.

Dostępne selektory:

• selektory ogólne:
  • # - wyszukuje elementy po id (element o podanym id powinien być tylko jeden w całym dokumencie, id powinno być unikalne),
  • . - wyszukuje elementy po klasie, (elementów jednej klasy może być więcej niż jeden),
  • * - wszystkie elementy,
  • this - obecny element,
  • div - wszystkie divy, (analogicznie inne znaczniki html).
• filtry:
  • :first - pierwszy element,
  • :last - ostatni element,
  • :eq(indeks) - konkretny element (indeksowanie od 0),
  • :odd - nieparzyste elementy,
  • :even - parzyste elementy,
  • :contains(tekst) - element, zawierający podany tekst,
  • :hidden - elementy ukryte oraz pola typu <input type=”hidden”/>,
  • :visible - elementy widoczne.
• selektory formularzy:
  • :text - element input z atrybutem type, ustawionym na „text”:

    <input type=”text”>
    

  • :submit - element input z atrybutem type, ustawionym na „submit”:

     <input type=”submit”>
    

  • :checkbox - element input z atrybutem type, ustawionym na „checkobx”:

    <input type=”checkobx”>
    

  • :radio - element input z atrybutem type, ustawionym na „radio”:

    <input type=”radio”>
    

  • :input - wszystkie elementy typu input,
  • :checked - zaznaczone pola wyboru,
  • :selected - wybrane elementy opcji wyboru.

Przykłady użycia selektorów:

$(".klasaElementu:odd").toggle();
$(".klasaElementu:last").toggle();