javascript - 使用 jQuery 覆盖内联 CSS

Question

HTML:

<div id="myDiv">

//Some content

</div>

我想使用 jQuery 将以下 css 设置为 div:

Transform: matrix(1, 0, 0, 1, 461, 300)

但是那个div已经有内联样式了

Transform: translate3d(0px, 0px, 0px)

当我通过 jQuery 分配 css 时，它不接受。

$(“#myDiv”).css("transform", "matrix(1, 0, 0, 1, 461, 300)");

如何解决这个问题？

更新:

我还在页面底部使用 JS 文件(即 </body> 标记下方)。我已在 $(window).load(function(){}) 事件中编写了代码，并且正在应用。但由于位置互换，我出现了闪烁效果。

Answer 1

看看这个:

setTimeout(function(){
    $("#myDiv").css("transform", "matrix(1, 0, 0, 1, 461, 300)");
}, 1000);

我设置了超时以便能够看到更改。

<强> Working Demo

我想说问题是因为你在 #myDiv 周围引用了这些奇怪的引号。