我有以下加载图片：
<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的最佳实践方法？
答案 0 :(得分：3)
如果要从服务器端设置初始状态，那么使用类会更加清晰，因为这将避免必要的客户端初始化（可能闪烁内容）。
你通常也会使用带有jquery的类选择器，所以总是更容易使用类（对我来说至少），而不是试图确定一个属性是否在css中被更改了元件。
最后，归结为你感觉更舒服...