jQuery 10. stílus és attribútum

  1. Új stílusok meghatározása, törlése.
    • css( ) ----------------- Közvetlen vagy előre meghatározott, új stílust rendel, a kiválasztott elemhez vagy elemekhez.
    • addClass( ) ------- Hozzáad egy vagy több class osztályazonosítót, a kijelölt elemekhez.
    • removeClass( ) - Eltávolít egy vagy több class osztályazonosítót, a kijelölt elemeknél.
    • toggleClass( ) --- Előre meghatározott, class osztályazonosító hozzáadása / eltávolítása, a kijelölt elemeknél.
    • hasClass( ) -------- Kiválasztott class osztályazonosítónév keresése. (Létezésének ellenőrzése.)

  2. Elemek területe. Magassága, szélessége.
    • height( ) -------------- Elem magassága. (Melyet a height stílusmeghatározásakor, beírtunk.)
    • width( ) --------------- Elem szélessége. (Melyet a width stílusmeghatározásakor, beírtunk.)
    • innerHeight( ) ------ Elem magassága. (Beleértve a paddingot, de a bordert nem.)
    • innerWidth( ) ------- Elem szélessége. (Beleértve a paddingot, de a bordert nem.)
    • outerHeight( ) ------ Elem magassága. (Beleértve paddingot és bordert.)
    • outerWidth( ) ------- Elem szélessége. (Beleértve paddingot és bordert.)

  3. jqueri scroll() --- resize() --- position() --- offset()
    • sroll() -------------- Esemény figyelő. Függőleges és vízszintes görgetésnél aktiválódik.
    • scrollLeft() ------ Beállítja vagy visszaadja kiválasztott elem vagy elemek, vízszintes görgetősáv pozícióját.
    • scrollTop() ------- Beállítja vagy visszaadja kiválasztott elem vagy elemek, függőleges görgetősáv pozícióját.
    • resize() ----------- Esemény figyelő. Ablak átméretezésekor aktiválódik.
    • position() -------- Kiválasztott elemnél, visszaadja a pozíciót. (Top - Left, relatív a szülő elem.)
    • offset() ----- Kiválasztott elemnél, beállítja vagy visszaadja az eltolási koordinátákat. (A dokumentumhoz viszonyítva. )

  4. jquery attr() ------ prop()
    • href és src értékeként:
      attr() általunk beírt útvonalat adja vissza.
      prop() teljes elérési URL címet adja vissza.
    • href érték módosítása:
      removeAttr() törli, azaz, hatástalanítja a linket.
      removeProp() nem vonja vissza, de, nem létező oldalra visz.
    • removeAttr()Képet és táblázatot, alapértékre állítja.
      removeProp()Képet eltünteti, táblázatot alapértékre állítja.
    • Háttérszín attribútum értékét (bgcolor="yellow"):
      attr() felismeri és kiírja.
      prop() nem ismeri fel, visszakapott érték undefined.
    • attr() azaz, attribútumok és a function.

  5. Megjegyzés: jquery head elemek attribútumaira.
    • Értelme nincs!
      A head területén lévő elemek attribútumát lekérdezhetjük, és megváltoztathatjuk.
      Attribútum megváltoztatása, nincs hatással a weboldalra.
      Minden módosítás után frissíteni kell az oldalt, hogy az új értékek életbe lépjenek, de a frissítéssel visszaállítjuk az eredeti állapotot.