Jquery, munka css
»» Ez a cikk használja a forráskódját példa. Mentse ezt az oldalt, hogy teszteljék az alábbi példák.
jQuery könyvtár számos kényelmi speciális módszerek, így nagyban megkönnyíti a CSS stílusokat. Az egyik legszélesebb körben alkalmazott módszerek az ilyen jellegű CSS () módszer. rövid leírását, amelyet adott az alábbi táblázatban:
Értékét adja vissza az említett tulajdonság közül az első szereplő elemek a tárgy jQuery
Ez beállítja az értéket a megadott tulajdonság az összes elem a tárgy jQuery
Beállítja több tulajdonság egyidejűleg valamennyi szereplő elemek a tárgy jQuery, a kijelző használatával objektumot
Beállítja az értékeket az említett tulajdonságok az összes szereplő elemek a tárgy jQuery, a
Olvasásakor ingatlan értékének keresztül css () metódus kapsz ingatlan értékét, hogy van egy első eleme az objektumban lévő jQuery. Ugyanakkor, amikor telepíti a változás, hogy a tulajdonságok vonatkoznak minden eleme egy sor. Példa CSS () a legegyszerűbb módszer használata az alábbiakban:
Ebben a forgatókönyvben, akkor válassza ki az összes elemet címke, mi kap a CSS () metódus, az érték a font-size és jelenítse meg a konzolon. Ezután újra válassza az összes elemet címke, és hozzá egy új értéket az azonos tulajdonságokkal az összes elem.
Annak ellenére, hogy a script a tényleges neve tulajdonság (font-size), nem pedig a rekord a nyilvántartásban, vagyis jelölést, amelyben ez a tulajdonság határozza meg az objektum HTML-elem (fontSize tulajdon), azt is pontosan érzékelni, mert jQuery egyaránt támogatja.
Ennek eredményeként ez a forgatókönyv, a konzol megjeleníti a következő eredménnyel:
Beállítási értékeket az ingatlan üres string ( „”) egyenértékű eltávolítása a stílus tulajdonságai tulajdonsága ez az elem.
Beállítása egyszerre több CSS tulajdonságok
Kétféle módon, hogy hozzanak néhány CSS-tulajdonságok. Ezek közül az első - a kialakulását a lánc a metódushívások CSS (), az alábbiak szerint:
Ebben a forgatókönyvben állítsa be az értékeket font-méret és szín. Ugyanez a hatás érhető el a kijelző tárgy, amint azt az alábbi példa mutatja:
Mindkét lehetőség forgatókönyv vezet ugyanarra az eredményre, hogy az alábbiak szerint:

Beállítása relatív értékeit
Ahogy érvek css () metódus relatív értékeket. Ezek egy számértéket előzi jelek + = és - =, és hozzá kell adni, vagy kivonjuk az aktuális értéket. Ez a technika csak akkor használható a számokhoz. Egy hasonló példa látható az alábbiakban:
Relatív értékek vannak kifejezve azonos egységek, mint az értékek tulajdonságok. Ebben az esetben a betűméretet növeljük 5 képpont a páratlan elemeket a címkét, és csökken az azonos mennyiségű, még. Az eredmények az alábbiakban láthatók:

Állítsa be a tulajdonságokat a
Az ingatlan értéke lehet telepíteni dinamikusan, továbbítására függvény módszer css (). Egy hasonló példa látható az alábbiakban:
Az argumentumokat a függvény az index az elem a beállított és az aktuális érték az ingatlan. Részben erre utal a HTML-elem objektum megfelelő elem, és a függvény egy értéket, amit akar telepíteni.
Használata speciális technikákat dolgozó CSS tulajdonságok
Amellett, hogy a módszer css () jQuery meghatározott számos speciális technikát kap, vagy meghatározott értékeinek sajátos tulajdonságait. E lista módszerek adják az alábbi táblázatban:
Technikák sajátos tulajdonságai CSS
Beállítja a magassága és szélessége az összes elem a jQuery objektum, a
A nevét a legtöbb ilyen módszer magától értetődő, de néhány közülük szüksége további magyarázatra. offset () és összesen () visszatér egy tárgy, amelynek tulajdonságai felső és bal. amely jelzi a helyzetét az elem. Példa a pozíció () módszer az alábbiakban mutatjuk be:
Ez a szkript megjeleníti az ingatlan értékének konzol tetején és bal oldalán a tárgy által visszaadott módszerrel. Az eredmény a következő:
Beállítása a szélesség és magasság segítségével
A szélessége és magassága a beállított elemek, amely lehet telepíteni dinamikusan, múló szélessége () és magassága () függvény, mint egy érv. Függvényargumentumok a helyzet az elem a beállított és az aktuális érték az ingatlan. Ahogy sejteni lehetett már saját, ez a változó tartalmazza az objektum HTML-elem, amely megfelel a jelenlegi feldolgozási elem, és a függvény egy értéket, amit akar telepíteni. Egy hasonló példa látható az alábbiakban:
Ebben a forgatókönyvben az az index értéke, amely meghatározza a helyzetét az elem a beállított használják szabályozó tényezője a magassága az elem. Az eredmények az alábbiakban láthatók:
