CSS-Eigenschaften dauerhaft verändern (z.B. per Button, speichern in Cookie)

[BRotondi]

Was wäre das Leben, wenn dann alles funktionieren würde...

Ich versuche nun wohl definitiv erfolglos via jQuery die Farbe eines Buttons zu verändern, ohne a:hover anzurühren. Soweit ich verstehe, kann jQuery dies nicht. Einfaches experiment:

$("a:link#newthreadlink_bottom").css({ "background-color": "#aeaeae" });
$("a:hover#newthreadlink_bottom").css({ "background-color":  "#119999"  });

In beiden Fällen wird der element.style verändert, welcher jede Pseudoklasse dominiert. D.h. war der Button bei Skriptausführung gehovert, erhält er die Farbe #119999, sonst #aeaeae. In beiden Fällen ist diese Farbe nun aber dominant und ändert sich nicht mehr durch hover oder nicht-hover.

Ist meine Idee, via Skript das farbliche Verhalten des Buttons zu beeinflussen somit gar nicht möglich?

 

[threadi]

Wieso willst Du nicht die Pseudoklasse hover verwenden?

Ich kenne und nutze JQuery nicht, aber imho ist das hier falsch aufgebaut:

a:hover#newthreadlink_bottom

Korrekt wäre es so, wenn man nach CSS geht:

a#newthreadlink_bottom:hover

 

[BRotondi]

Zumindest in FireBug geht beides. Dass es so oder so mit jQuery nicht gehen kann, hat mit der Natur der Sache zu tun: Nicht das CSS wird verändert, sondern der element.style, welches ja keine Pseudoklasse hat.

Soweit ich die Sache durchschaue, ist jQuery hier machtlos. Würde aber gerne noch den Gedanken der Profis hören...

 

[struppi]

Eine Pseudoklasse kannst du so nicht ansprechen. Vielleicht geht es direkt über https://developer.mozilla.org/en/DOM/stylesheet.cssRules aber ich frage mich wozu?