javascript - jquery ajax 改变样式表

Question

<分区>

Answer 1

最合规的方法是间接更改样式，同时将样式与功能分开。这是通过为每个所需状态添加 css 规则，然后使用您的 javascript 逻辑(在 ajax 调用之后)切换类来实现的:

$('.js-dynamic-entity').addClass('huge');

很多时候我们无法做到这一点，例如，当您必须在一个很大的范围内设置一个非常具体的值时，让我们说一个元素的高度在 50 到 500 像素之间。在这种情况下，您将使用 jquery css 方法，这也很常见:

$('.js-dynamic-entity').css({height: 457});

如果您想在 ajax 调用后做大量的样式设置工作，那么您也可以考虑像这样在每个 jquery 中加载一个样式表:

$('<style />').appendTo('body').html(dynamicallyLoadedSheet);

就我个人而言，后一个版本对我来说意义不大，除非我们谈论的是仅在特殊情况下使用的样式上的巨大差异。