Question

我有以下加载图片：

<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的最佳实践方法？

Answer 1

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

你通常也会使用带有jquery的类选择器，所以总是更容易使用类（对我来说至少），而不是试图确定一个属性是否在css中被更改了元件。

最后，归结为你感觉更舒服...