jQuery 如何影响 CSS 结构答案

【问题标题】：How does jQuery affect CSS structurejQuery 如何影响 CSS 结构
【发布时间】：2009-06-11 11:24:01
【问题描述】：

在只使用 Flash 工作了几年并开始使用 jQuery 之后，刚刚重新进入重型 js 和 CSS 世界。我正在设计一些基于 CSS/DIV 的布局，并且将依赖 jQuery 和 AJAX 进行交互。

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

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

谢谢 --史蒂夫...

【问题讨论】：

标签： jquery css

【解决方案1】：

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

【讨论】：

【解决方案2】：

您可能想看看jQuery UI CSS 框架。这是一种巧妙且对 jQuery 友好的 UI 样式设计方式。相当整洁的东西......

【讨论】：

使用该框架非常有意义。我正在为 .NET MVC 项目创建视图，并且我看到其他人都在使用 MS 的 ajax。仍然没有那么明确的路线 - 它没有被广泛指导。这就是首先提出这个问题的原因。谢谢！

【解决方案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。

【讨论】：

欣赏这幅画。它显示为 Emily 列表中提供的主要观点 ;)