jQuery 与 CSS 首选或接受的样式最佳实践
我有以下加载图像：
<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？
I have the following loading image:
<img id="loading" src="loading.gif" />
To show/hide it during an AJAX call, I have several solutions. For example, I can hide it by adding a class which corresponds to a CSS style:
$('#loading').addClass('hidden');
.hidden { display: none; }
Alternatively, I can use jQuery .show() and .hide(). In this particular example, the latter approach is less verbose.
What scenarios benefit from adding CSS 'on the fly'? I've been reading into 'Unobtrusive JavaScript' which recommends injecting all JS into the DOM using jQuery at $(document).ready().
Is there a best practices approach which cleanly separates CSS and jQuery in a similar manner?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
如果您想从服务器端设置初始状态，那么使用类会更干净，因为这将避免必要的客户端初始化（可能会闪烁内容）。
您通常还使用 jquery 的类选择器，因此使用类总是比尝试确定元素的 css 中的属性是否已更改更容易（至少对我来说）。
最终归结为您感觉与什么一起工作更舒服。
If you want to set the initial state from the server side then it would be cleaner to use classes, as that will avoid the necessary client-side initialization (with possible flashing of the content).
You also usually use class selectors with jquery, so it is always easier to play with classes (for me at least), than trying to figure if a property has been changed in the css of an element.
In the end it boils down to what you feel more comfortable working with..