A jQuery tipikus felhasználási módja az, amikor segítségével lekérdezzük vagy módosítjuk egy vagy több tag CSS tulajdonságait. A tulajdonság lekérdezésekor vagy beállításakor a CSS tulajdonság nevét pontosan úgy kell leírni, mint amikor magát a CSS fájlt készítjük.
Getter függvény - tulajdonság lekérdezése
var prop = $(selector).css('tulajdonságnév');
Ha egy getter függvény visszaadja egy CSS tulajdonság értékét, akkor az pont ugyanolyan stringet szolgáltat, mint, ami egy CSS fájlban az adott TAG esetén beírtunk volna.
Setter függvény
$(selector).css('tulajdonságnév', érték);
A CSS tulajdonság beállításakor ugyanaz történik, mintha a HTML oldalon egy TAG-nek inline módon (style attribútum) módosítanánk a tulajdonságát, ezért a tulajdonság értékeknek is pontosan ugyanolyan stringnek kell lennie, mint egy CSS fájlban.
Példák
Az alábbi példákban egyszerű módosításokat és lekérdezéseket valósítunk meg.
//Az id='nev' jelölésű tag köré keretet rajzolunk
$("#nev").css('border','1px red solid');
//Egy div méretét megváltoztatja a weboldalon
var figyelem = $("div#figyelem");
figyelem.css("width","100%");
//Lekérdezzük a fenti div pozicióját és kiírjuk egy másik div-ben
var pos = figyelem.position();
$("div#kiiras").text("left: " + pos.left +", top: " + pos.top);