Javascript - jQuery - șterge stilul, a adăugat cu funcția

Sunt schimbarea CSS cu ajutorul jQuery, și vreau să șterg un stil pe care le adaug, pe baza valorii de intrare:

Cum pot face acest lucru? Rețineți că linia indicată mai sus, se execută ori de câte ori culoarea este aleasa folosind un set de culori (de exemplu, atunci când mouse-ul este mutat pe roata de culoare).

Două Notă: Nu pot face acest lucru folosind css ( „culoare de fundal“, „nici unul“). deoarece va elimina stilul implicit al fișierelor css. Vreau doar pentru a elimina stilul inline culoare de fundal. adăugat jQuery.

Este mai greu decât alte soluții, dar oferă o mai mare flexibilitate în scenariile:

1) Ia-o definiție de clasă pentru a izola (încapsulat) stilul pe care doriți să aplicați / elimina selectiv. Acesta poate fi lăsat necompletat (și în acest caz, probabil, ar trebui să fie):

  • Nu a fost testat.
  • Niciodată rândul său! directive importante sau de altă natură în noua valoare. Orice astfel de directive existente vor fi pierdute ca urmare a acestei manipulări.
  • schimbă numai aspectul primul care a descoperit stilyaSelector. Nu adăugați sau să eliminați întregul stil, dar se poate face cu ceva mai complex.
  • Orice nu valori invalide / adecvate vor fi ignorate sau poate cauza o eroare.
  • În Chrome (cel puțin) non-locale (ca în cross-site), regulile CSS nu apar prin document.styleSheets obiect, deci nu va lucra pentru ei. Trebuie să adăugați o suprareglare locală și să manipuleze acestora, referindu-se la „prima detectare a“ comportamentul codului.
  • document.styleSheets nu deosebit de prietenos la manipulare, în general, nu se așteaptă ca va lucra pentru utilizarea agresivă.

Izolarea de stil în acest mod - aceasta este ceea ce CSS, chiar dacă acestea nu manipulează cazul. Manipulând reguli CSS nu este ceea ce este jQuery, jQuery controlează elemente DOM, și utilizează selectorul CSS pentru ea.