JQuery常见的CSS选择器

前端之家收集整理的这篇文章主要介绍了JQuery常见的CSS选择器前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我有:

所以我想用一个选择器从这两个中获取[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;

Live Example

对我来说,使用我在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提供了相同的信息.

猜你在找的CSS相关文章