jQuery如何影响CSS结构

Question

重新进入重型js和CSS世界几年后，只在Flash中工作并加快jQuery的速度。我正在设计一些基于CSS / DIV的布局，并将依赖于jQuery和AJAX进行交互。

关于CSS编码约定和结构，如何设计SS以最好地利用jQuery？

如果我希望我的jQuery设计工作与CSS工作相吻合，我应该掌握哪些CSS概念？

THX --steve ...

Answer 1

这里有一些jQuery performance rules提供了有关如何设置ID和类的一些提示。

Answer 2

您可能需要查看jQuery UI CSS框架。它是一种聪明且jQuery友好的UI样式设计方式。相当整洁的东西......

Answer 3

利用CSS w.r.t.的基本规则jQuery：使用类。然后使用更多的课程。但要确保类代表“角色”，而不是“行为”

例如：这很糟糕

<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>

例如：这很好。

<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>

这种微妙的CSS约定将允许您轻松地为UI做强大的功能。

干杯，jrh。