Wie wirkt sich jQuery auf die CSS-Struktur aus?

Question

Einfach wieder in die Heavy Duty js und CSS Welt einsteigen nach ein paar Jahren nur in Flash arbeiten und auf jQuery aufrüsten. Ich entwerfe einige CSS/DIV-basierte Layouts und bin abhängig von jQuery und AJAX für Interaktionen.

In Bezug auf die CSS-Codierungskonventionen und -struktur, wie kann ich SS entwerfen, um jQuery optimal zu nutzen?

Welche CSS-Konzepte sollte ich beherrschen, wenn ich möchte, dass meine jQuery-Designarbeit mit der CSS-Arbeit harmoniert?

thx --Steve ...

Answer 1

Hier sind einige jQuery performance rules, die ein paar Tipps zum Einrichten von IDs und Klassen gibt.

Answer 2

Sie können einen Blick auf die jQuery UI CSS Rahmen nehmen wollen. Es ist eine clevere und jQuery-freundliche Art, Ihre Benutzeroberfläche zu gestalten. Ziemlich ordentliche Sachen ...

Answer 3

Grundregel, um CSS zu nutzen w.r.t. jQuery: Klassen verwenden. und dann verwenden Sie mehr Klassen. aber stellen Sie sicher, dass Klassen repräsentieren „Rolle“, nicht „Verhalten“

zB: das ist schlecht

<ul> 
    <li class='red'><a href='http://microsoft.com/'>MS</a></li> 
    <li><a href='http://google.com/'>goog</a></li> 
    <li class='green-bg'><a href=http://ubuntu.com/'>Ubuntu</a></li> 
</ul> 

zB: das ist gut.

<ul> 
    <li class='bad-link'><a href='http://microsoft.com/'>MS</a></li> 
    <li><a href='http://google.com/'>goog</a></li> 
    <li class='current-link'><a href=http://ubuntu.com/'>Ubuntu</a></li> 
</ul> 

Diese subtile CSS-Konvention ermöglicht es Ihnen, leistungsstarke Funktionen für Ihre Benutzeroberfläche zu erstellen.

Prost, jrh.