使用jQuery设置div元素scale属性失败，求原因分析

原因分析 #

• 你使用的jQuery 3.3.1版本不支持直接通过.css()设置scale独立属性，因为scale本质是transform属性的子项，旧版jQuery只支持通过transform来配置缩放效果。
• 即便部分现代浏览器原生支持单独的scale属性，旧版jQuery也未对该属性做适配处理，导致直接设置不会生效。

解决方法 #

方法一：通过transform属性设置缩放（兼容性最优）

这是最稳妥的方式，适配所有支持CSS transform的浏览器和各版本jQuery：

var a = 0.1;
var b = 0.1;
var scale = a + b;
$(".item").css('transform', `scale(${scale})`);

方法二：升级jQuery版本后使用独立scale属性

如果你的项目可以升级jQuery到3.6.0及以上版本，且无需兼容旧浏览器，也可以直接设置scale属性：

var a = 0.1;
var b = 0.1;
var scale = a + b;
$(".item").css('scale', scale);

内容的提问来源于stack exchange，提问作者Vector