javascript - 使用 jQuery 读取 CSS3 值

Question

有没有办法用 jQuery 读取 CSS3 值？我试过只使用:

var test = $("#container").css("transition")//正常选择器。

但我得到“null”作为值，即使它实际上是 margin-left .5s。如果我尝试 -webkit-transition 而不是 transition (因为我在 Chrome 中测试)，它不会给我任何值(value)。

如果还没有办法做到这一点，没关系，但我认为它正在工作。也许有一个插件或我可以用来做这个的东西？我基本上需要在一定数量的幻灯片之后更改 transition 然后再将其更改回来。

Answer 1

transition 是一个速记属性；它代表transition-property、transition-duration、transition-timing-function和transition-delay .

jQuery 的.css 不支持获取速记CSS 属性的值，因此您必须分别获取每个组成部分。

有点像

$('#container').css('-webkit-transition-property')

例如，只会给您 margin-left 部分。