Jquery 如何只更改CSS transform属性的一个函数和多个函数？

我有div，css如下所示

.container {
    width: 100%;
    height: 100%;
    transition: 0.5s;
    transform-style: preserve-3d; 
    transform: rotateY(0deg) translateZ(-404.747px);
}

现在，我想使用jQuery将transform属性更改为

transfrom: rotateY(-40deg) translateZ(-404.747px);

如果我使用

$('.container').css('transform', 'rotateY(-40deg) translateZ(-404.747px)');

然后“translateZ（-404.747px）”将再次采取行动。

---

因此，我的问题是，如何在不更改“translateZ（）”的情况下更改rotateY（）的值？

只需在样式属性中将其plop

$('.container').css('transform', 'rotateY(-40deg)');

.集装箱{
宽度：100%；
身高：100%；
过渡：0.5s；
变换样式：保留-3d；
}
.添加{
transfrom:rotateY（-40度）translateZ（-404.747px）；
}
.移除{
变换：旋转（0度）translateZ（-404.747px）；
}
$（'.container'）.removeclass（'remove'）；
$（'.container'）.addclass（'add'）；

我不确定真正的实现，但如果没有重大问题，您可以做的是在它周围包装另一个元素，然后应用rotateY-如果这对您来说足够的话。只需在容器类上应用rotateY（-40度）…感谢您的所有回答，我发现“translateZ（-404.747px）”不会再次采取行动，如果我使用$（'.container'）.css（'transform'，'rotateY（-40deg）translateZ（-404.747px））；真正的问题是rotateY和translateZ的顺序将获得不同的结果。所以我交换了这两个属性，问题解决了。@kebenhu，请提供您的解决方案作为答案。

<div class="container remove"></div>

.container {
    width: 100%;
    height: 100%;
    transition: 0.5s;
    transform-style: preserve-3d; 
}

.add{
transfrom: rotateY(-40deg) translateZ(-404.747px);
}

.remove{
transform: rotateY(0deg) translateZ(-404.747px);
}

$('.container').removeclass('remove');
$('.container').addclass('add');