0

我有以下加载图像：

<img id="loading" src="loading.gif" />

要在 AJAX 调用期间显示/隐藏它，我有几个解决方案。例如，我可以通过添加一个对应于 CSS 样式的类来隐藏它：

$('#loading').addClass('hidden');

.hidden { display: none; }

或者，我可以使用 jQuery.show()和.hide(). 在这个特定示例中，后一种方法不太冗长。

哪些场景可以从“动态”添加 CSS 中受益？我一直在阅读“Unobtrusive JavaScript”，它建议使用 $(document).ready() 处的 jQuery 将所有 JS 注入 DOM。

是否有以类似方式将 CSS 和 jQuery 完全分开的最佳实践方法？

4

1 回答 1

3

如果您想从服务器端设置初始状态，那么使用类会更干净，因为这将避免必要的客户端初始化（可能会闪烁内容）。

您通常还使用带有 jquery 的类选择器，因此使用类（至少对我而言）总是比尝试确定元素的 css 中的属性是否已更改要容易。

最后归结为您感觉更舒服的工作。

于 2010-10-12T22:58:57.393 回答