我有:
所以我想用一个选择器从这两个中获取[stuff].
$(".abc").css('whatcomeshere?')
有没有像我在这里可以使用的正则表达式?还有其他方法吗?我想有一个简单的方法,因为处理这些事情在JQuery中很常见.
编辑:澄清
我不是在寻找从变换矩阵中检索角度或元素的方法.
我只是在寻找一个选择器来检索转换和-webkit-transform样式$(“.abc”).css(‘transform’)对两者都不起作用.
最佳答案
在下面的评论中进行修改,说这对您的jQuery和Chrome版本不起作用.
你总是可以回到元素的style属性:
var abc = $(".abc")[0];
var transform = abc.style.transform || abc.style.webkitTransform;
对我来说,使用我在64位Linux上的Chrome版本,abc.style.transform返回undefined(这是有道理的,我只设置了供应商前缀版本),abc.style.webkitTransform返回样式信息.所以上面会返回第一个未定义的.
$(“.abc”).css(“transform”)应该返回给你,jQuery规范化供应商前缀.
Here’s a live example使用此div:
这段代码:
jQuery(function($) {
display("$('.abc').css('transform') = " + $(".abc").css("transform"));
display("$('.abc').css('-webkit-transform') = " + $(".abc").css("-webkit-transform"));
function display(msg) {
var p = document.createElement('p');
p.innerHTML = String(msg);
document.body.appendChild(p);
}
});
哪些输出(在Chrome上):
$('.abc').css('transform') = matrix(0.9396926207859084,0.3420201433256687,-0.3420201433256687,0.9396926207859084,100,0)
$('.abc').css('-webkit-transform') = matrix(0.9396926207859084,0)
请注意,我在div上只有前缀版本,但是css为transform和-webkit-transform提供了相同的信息.