jQuery - 插入内联 CSS 或创建 CSS 类并添加
我有一个问题要问 jQuery 专家。我正在尝试在正在制作的滑块中的滑动 div 上设置左边距。
DOM 遍历和 CSS 渲染是否更快：
通过 .css('margin-left','-690px'); 插入内联 css;
或者
创建一个新的 css 类并插入它 .addClass('marginLeftClass');
一个比另一个有潜在优势吗？
I have a question for the jQuery experts. I am trying to set a margin-left on a sliding div in a slider im making.
Is it faster for DOM Traversal and CSS rendering to do:
Insert inline css via .css('margin-left','-690px');
OR
Create a new css Class and insert it .addClass('marginLeftClass');
Does one have a potential advantage over another?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
通过 .addClass 添加样式速度更快，因为样式已经加载。
通过在 jQuery 中使用 .CSS()，您可以注入值并使元素动态适应新的 CSS。
从更大的角度考虑可能更容易，您愿意通过 jQuery CSS 属性动态注入 10 个单独的 css 属性，还是只是简单地切换一个类？添加类更容易，并且更容易管理。
Adding the styles via .addClass is faster as the styles are already loaded.
By using .CSS() in jQuery you are injecting the values and making the element adapt to new CSS on the fly.
Its probably easier to think about it in larger terms, would you rather inject 10 seperate css properties on the fly via jQuery CSS properties, or just simply toggle a class? It's easier to add the class, and MUCH easier to manage.