Elemek kiválasztása

 A jQuery-nél egy-egy művelet elvégzése (pl. a négyzet színét változtassuk meg zöldre) mindig két részre osztható:

1. kiválasztjuk azokat az elemeket, amiken a módosítást el akarjuk végezni (pl. a "negyzet" id-vel rendelkező element)
2. a kiválasztott elementeken valamilyen metódus segítségével elvégezzük a módosítást (pl. a kiválasztott elementek színét megváltoztatjuk zöldre)

Elementeket kiválasztani CSS szelektor kifejezések segítségével lehet. Emlékeztetőül néhány egyszerű CSS szelektor kifejezés:

• #azonosito: azt az egy elementet választja ki, aminek az id attribútuma azonosito
• .osztaly: azokat az elementeket választja ki, amiknek a class attribútumában szerepel az osztaly (a class attribútumban szóközzel elválasztva több különböző osztálynév is szerepelhet)
• div: kiválasztja az összes div típusú element-et

Ha megvan a szelektor kifejezés, akkor ezt sztringként kell átadni a $ függvénynek, az pedig visszaad egy objektumot (nevezzük ezt jQuery objektumnak), ami a kiválasztott elementeket tartalmazza. Később ezen az objektumon keresztül lehet majd a különféle műveleteket elvégezni.

Néhány példa kiválasztásra:

var negyzet = $('#negyzet');  // a "negyzet" id-vel rendelkező element
var kodsorok = $('.line');    // a "line" class-ba tartozó elementek
var bekezdesek = $('p');      // az összes "p" típusú element (vagyis a bekezdések)