用jQuery重写内联CSS

Overriding the inline CSS with jQuery

本文关键字：CSS 重写 jQuery      更新时间：2023-09-26

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（）｛｝）事件中编写了代码，它正在应用。但由于位置交换，我有闪烁的效果。

看看这个：

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

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

工作演示

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

选择器中的引号错误：$(“#myDiv”)

$("#myDiv").css("transform", "matrix(1, 0, 0, 1, 461, 300)");现在对我来说很好：

示例
http://jsfiddle.net/xQ3bJ/

尝试将!important添加到css规则中，如：

$(“#myDiv”).css("transform", "matrix(1, 0, 0, 1, 461, 300) !important");
相关文章：