Módszerei dolgozó jquery css stílusok

Ma megnézzük a módszerek, amelyek a CSS-stílusokat.

Tehát, hogy hozzá semmilyen eleme a stílus, akkor használja a következő módszert:

Ez a kézikönyv obvedet div kék keretet.

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 elem több CSS-szabályokat, akkor jobb, ha az alábbi szerkezetet:

Ez a kézikönyv obvedet div kék keret, hogy egy piros háttér és szöveg - merész.

Felhívjuk figyelmét, hogy slozhnosostavnyh CSS tulajdonságok, mint a font-weight és background-color használt IE ekvivalens JS: fontWeight, BackgroundColor stb

Íme néhány további módszert kínál stílusok:

Ez az utasítás hozzáadja a fő osztály utolsó elem a szakasz.

Ez az utasítás törli fő osztályát még bekezdések.

Ez az utasítás törli fő osztályát bekezdés szerint, ha az jelen van. És hozzá ez az osztály, ha ő nincs jelen.

Ez az utasítás lehetővé teszi, hogy a behúzás a bal felső elem. Ahhoz, hogy az értéke egy adott tulajdonság, az alábbi tulajdonságokkal rendelkezik: offset.left behúzni a bal és offset.top - behúzni felett.

Ez a kézikönyv egy (első sor), és állítsa (második sor) magassága az elem.

Ez a kézikönyv egy (első sor), és állítsa (a második sorban) szélessége egy elem.

Egy másik példa:
var widDiv = $ ( "div") szélesség () .; $ ( "Div.fir") szélesség (300) .;
Az első sor szélessége az első írási értéket a változó widDiv div-a. A második utasítás a div-Am osztályú fenyő szélessége 300 képpont.

Ez egy nagyon érdekes funkció jQuery módszerek: használják őket, mint paramétereken (2 érv, amikor megkapta), és kinyerésére Ezen paraméterek értékeinek (ha egy érv továbbítunk).


Nézzük ezt a tudást teszi egy menü fülek, így ez a fajta (flip keresztül a fülek):
jQuery - CSS

1. lap
2. lap
3. fül
4. lap

Tehát, html-kód az oldal az alábbiak szerint:


Mint látható, a fülek egyetlen stílus osztály definiált Vkl, és a kiválasztott fül van kiválasztva osztályban.

Megjelenése felírja style.css oldal

Továbbra is ez a legérdekesebb, nevezetesen chang () függvényt:


Szóval, hogyan működik? Először a keresett elemet, amely kiválasztott egy osztály, és ez az osztály el van távolítva. Ezután (második sor) a kiválasztott elem (található id, továbbítják a funkciója, mint s paraméter) adunk a kiválasztott osztály. Ez ilyen egyszerű.

A következő leckében megtanuljuk, hogyan kell használni jQuery beszúrni darabokat a html-kódot az oldalon, és manipulálni őket.

Kapcsolódó cikkek