jQuery的css方法是否阻止，直到完全应用更改

Does jQuery's css method block until the change is fully applied?

本文关键字：应用 css 方法 是否 jQuery      更新时间：2023-09-26

我有一些计算，我想在使用jQuery的css函数应用CSS更改后执行。此方法是否等到完全应用 CSS 更改，完成重新绘制的元素？

使用 JavaScript 修改样式是一种同步行为。更新元素的类、ID 和内联样式将立即对元素生效，您可以安全地获取该元素的新尺寸或样式。

话虽如此，各种浏览器中有一些利基错误，除非进行非常具体的样式更改，否则不会进行重新绘制。同样，布局的重新计算是同步进行的，但您可能需要执行其他工作来强制重新绘制。

你会在不同的浏览器中看到不同的行为，因为jQuery使用内联样式更新标记，浏览器决定何时重新绘制。 例如，IE似乎会错过很多后续的样式更改间隔 - 它似乎等待了一点时间才能安定下来，但我怀疑这只是渲染引擎的本质。Firefox和Chrome的更新会更快一些。

问题：您是否在使动画顺利执行时遇到困难？ 看看步骤：动画中的事件。

我使用了类似于@bfavaretto建议的 setInterval 和 clearInterval 来管理 IE 动画上的单个帧补间，因为它对绘制连续更新犹豫不决 - 尤其是使用 jQuery UI 进度条之类的。

您的问题的真正答案是否定的，它不会等待，即使应该等待，因为操作似乎是同步的 - 代码明智。

如果你想在设置 css 规则后立即做某事，你需要使用持续时间为 0 的 jQuery animate 函数：

    $('#my-selector').animate({
        'my-css-property-name': 'my-css-property-value'
    }, {
        duration: 0,
        done: function(animation, jumpedToEnd) {
            // Your callback here
        }
    })

要了解有关done函数参数的更多信息，请查看文档。

相关文章：