Kezelése stílusok css jQuery - szeretnék egy honlapot

Kezelése CSS stílusokat jQuery

Jó napot mindenkinek. Ma, ahogy megígértem a leckét „a láthatóságát az objektumot a jQuery” nézd meg a módszereket, amelyek kezelésére használt CSS stílusokat jQuery.

Hadd emlékeztessem önöket, hogy a segítségével a stílusok nem tudjuk csak meghatározni a megjelenését egy elem egy weboldalon, hanem, hogy ellenőrizzék álláspontját, show és elrejteni, ahogy szeretné, átméretezés, és még sok más akkor. Képletesen szólva, az egyetlen, aki hozzáférést nyer a CSS stílus menedzsment. hogy működik a weboldal! A jQuery teszi a felhasználók számára, hogy ajánlatokat!

Ahhoz, hogy hozzá semmilyen eleme a stílus, akkor használja a következő módszert: Css (név, érték)

Nézzük, ahogy nem ment messze az oldal tetején, a változás a stílus a cikk címe. Legyen például a vörös szín:

Ebben a példában, azt a kiválasztott elem identifikatorm id = „címet”. amely felelős megjelenítő webhely nevét, és hozzátette, a stílus, amely színét. A gomb felelős a használat vagy visszatér az alapértelmezett stílus.
Mivel a paraméterek használt nevek és értékek, amelyek a CSS: háttér, határ, font-style, szín, stb

Ha azt szeretnénk, hogy kérjen egy elemet több CSS -rules, majd a következő tervezési, annál jobb:

Ezek az utasítások teszik az előző bekezdésben a szöveg színe kék, és a font súly beállítása 900.

Felhívjuk figyelmét, hogy a kemény vegyület CSS tulajdonságok, mint a font-weight és a háttér-szín is használják készpénz ekvivalens JvaScript: fontWeight, BackgroundColor stb

Annak igazolására, a munkamódszerek más stílusok használom segítségével sokszínű terek, amelyek már többször szolgált engem szolgálni oly leckéket „ellenőrzik a réteg helyzetét a z-index” és „láthatóságának szabályozása egy tárgy a jQuery”.

Hadd emlékeztessem a kódot, és stílusokat létrehozni őket:

$ ( '# Egyéni 2.). Kattintson a (function ()<$("#divRel1> . Div: az első „) removeClass ();"); $ ( '# rstyle2) click (function ().<$("#divRel1> div: az első „) addClass ( 'nagy');>) ;.

Ez a kézikönyv a gombra kattintva „Remove osztály”. távolítsa el az osztályt az első gyermek-elemet azonosító id = „divRel1”, és adjuk hozzá a class class = „nagy” után a gombra kattintva az „Add Class”.

A következő módszer hozzáadja a megadott osztály az elem, ha nem, vagy távolítsa el ezt az osztályt, ha a tárgy már megvan:
.toggleClass (osztály)

Próbálja poklikat egér körébe tartozó keretbe színes négyzetek. A háttér színe megváltozik váltakozva.

Egy vételi (első sor), és állítsa (a második sorban) szélessége és magassága az elem lehet egy elemet, rendre módszerekkel:
.szélessége ()
.szélessége (érték)
.magassága ()
.magassága (érték)

kód fent látható a legutóbb: az utolsó azonosító elem id = „divRel1”, és a kapcsoló változás, vagy visszaállíthatja az alapértelmezett beállítás, ha rákattint egy kék négyzet. A tippeket a stílusok meghatározott tulajdonság: kurzor mutató.

Ez egy nagyon érdekes és fontos tulajdonsága a jQuery módszerek. használják őket mind a feladat paramétereit. és megszerzésének Ezen paraméterek értékeinek.

De ez még nem minden! jQuery lehetővé teszi, ha szükséges, távolítsa el a CSS fájlt társított HTML-oldalt, és csatolja egy újat:
$ ( 'Link [media =' képernyő ']') attr ( 'href', "Alternative.css) .;

Próbáld változik, az Ön által előnyben részesített, a stílus vagy jQuery kódot. Kíváncsi vagyok, mit kapsz?