Javascript - jquery - törli a stílus, hozzáadjuk a függvény

Én változik a CSS segítségével a jQuery, és szeretnék törölni egy stílust, hozzáteszem alapján a bemeneti érték:

Hogyan tudom ezt megtenni? Megjegyezzük, hogy a fent jelzett sort kerül sor, amikor a szín választható ki egy színösszeállítást (azaz, ha az egeret mozgatni a színkör).

2. megjegyzés: nem tudok csinálni a CSS ( "background-color", "none"). mert eltávolítja az alapértelmezett stílus a css fájlokat. Csak azt akarom, hogy távolítsa el a belső stílus háttér színét. hozzá jQuery.

Ez nehezebb, mint néhány más megoldás, de nagyobb rugalmasságot a forgatókönyv:

1) Végy egy osztály definíció elkülöníteni (beágyazására) a stílust alkalmazni szeretné / szelektív eltávolítása. Ez üresen hagyható (és ebben az esetben valószínűleg kellene lennie):

  • Nem tesztelt.
  • Soha ne kapcsolja! Fontos vagy más irányelveknek az új értéket. Minden ilyen meglévő irányelveket fog veszni eredményeként ez a manipuláció.
  • Csak megjelenését módosítja az első, hogy felfedezzék stilyaSelector. Ne hozzáadni vagy eltávolítani az egész stílus, de meg lehet csinálni valami bonyolultabb.
  • Az érvénytelen / nem alkalmas értékek figyelmen kívül, vagy hibát okozhat.
  • A Chrome (legalább) nem helyi (mint a cross-site), a CSS-szabályok nem jelennek meg az objektum document.styleSheets, így nem fog működni velük. Meg kell adnia a helyi felülírás és manipulálni őket, utalva az „első észlelése” viselkedését a kódot.
  • document.styleSheets nem különösebben barátságos manipuláció általában nem várható, hogy ez működni fog az agresszív használatra.

Izolálása stílus ilyen módon - ez az, amit a CSS, akkor is, ha azok nem manipulálják a helyzet. Manipulálni CSS szabályok nem az, ami a jQuery, jQuery vezérli DOM elemeket, és használja a CSS-választó is.