jQuery vs CSS首选或接受样式最佳实践

时间:2010-10-12 22:50:36

标签: javascript jquery css unobtrusive-javascript

我有以下加载图片:

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

1 个答案:

答案 0 :(得分:3)

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

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

最后,归结为感觉更舒服...