jQuery DOM
jQuery ponuja različne metode za dodajanje, urejanje ali brisanje DOM elementov na spletni strani. Ponuja nam metode, kot so attr(), html(), text() in val(), ki delujejo kot pridobivalci in nastavljavci za manipulacijo vsebine iz HTML dokumentov. Poglejmo si nekaj osnovnih operacij, ki jih lahko izvedemo na DOM elementih s pomočjo jQuery metod. Osnovne operacije so izvleček vsebine elementa, spreminjanje vsebine elementa, dodajanje podrejenega ali nadrejenega elementa, dodajanje pred ali za obstoječi element, zamenjava obstoječega elementa, izbris elementa ali ovijanje vsebine znotraj elementa.
DOM - Document Object Model (slo. Objektni model dokumenta)
| Dodajanje vsebine | Ogledali si bomo štiri metode s katerimi lahko vsebino dodajamo. | Glej primer |
|---|---|---|
| Pridobitev vsebine (GET) | Tri preproste a uporabne metode za DOM manipuliranje. | Glej primer |
| Nastavitev vsebine (SET) | Vsebino lahko nastavimo z istimi metodami, s katerimi jih pridobivamo. | Glej primer |
| Odstranjevanje vsebine | Z jQuery lahko preprosto odstranimo obstoječe HTML elemente/vsebino. | Glej primer |
| Pridobitev in nastavitev CSS razredov | Z jQuery je enostavno manipulirati s slogom elementov. | Glej primer |
| Metode razsežnosti | jQuery ima več pomembnih metod za delo z dimenzijami. | Glej primer |
Metode razsežnosti
Z jQuery-jem je enostavno delati z dimenzijami elementov in oknom brskalnika, ker imamo na voljo več metod. Te metode so width() (slo. Širina), height() (slo. Višina), innerWidth() (slo. Notranja širina), innerHeight() (slo. Notranja višina), outerWidth() (slo. Zunanja širina) in outerHeight() (slo. Zunanja višina).
| width() | Metoda width() nastavi ali vrne širino elementa. | Glej primer |
|---|---|---|
| height() | Metoda height() nastavi ali vrne višino elementa. | Glej primer |
| innerWidth() | Metoda innerWidth() vrne notranjo širino elementa. | Glej primer |
| innerHeight() | Metoda innerHeight() vrne notranjo višino elementa. | Glej primer |
| outerWidth() | Metoda outerWidth() vrne zunanjo širino elementa. | Glej primer |
| outerHeight() | Metoda outerHeight() vrne zunanjo širino elementa. | Glej primer |
