Javascript - JQuery - изтриване на стила, допълни с функцията

Аз съм промяна на CSS с помощта на JQuery, и искам да изтрия един стил, който добавя, въз основа на стойността на входа:

Как мога да направя това? Имайте предвид, че реда, показан по-горе, се изпълнява всеки път, когато цветът е избран с помощта на набор от цветове (т.е., когато мишката се премества върху цветното колело).

Второ забележка: Не мога да го направя с помощта на CSS ( "фон-цвят", "никой"). защото това ще премахне стил по подразбиране файловете на CSS. Аз просто искам да се премахне инлайн стил фон-цвят. добавя JQuery.

По-трудно е, отколкото някои други решения, но предлага по-голяма гъвкавост в сценарии:

1) Вземете дефиницията на клас да се изолира (капсулиране) стила, който искате да приложите / премахване избирателно. Тя може да бъде оставено празно (и в този случай, най-вероятно трябва да бъде):

  • Не е тествано.
  • Никога не! Важни или други директиви новата стойност. Всички подобни съществуващи директиви ще бъдат загубени в резултат на тази манипулация.
  • Само се променя външния вид на първи откриват stilyaSelector. Не добавите или премахнете целия стил, но това може да се направи с нещо по-сложно.
  • Всякакви невалидни / не са подходящи стойности ще бъдат игнорирани, или да причинят на грешка.
  • В Chrome (най-малко) не-местна (както е в крос-сайт), правилата за CSS не се появяват през document.styleSheets на обекта, така че няма да работи за тях. Трябва да добавите местен замяна и манипулират ги, позовавайки се на "първо откриване" поведението на кода.
  • document.styleSheets не особено приятелски настроени към манипулация като цяло, не се очаква, че той ще работи за агресивна употреба.

Изолиране на стил по този начин - това е, което СГО, дори и ако те не се манипулира по случая. Манипулиране на правилата CSS не е това, което е JQuery, JQuery контролира DOM елементи и използва за избор на CSS за него.