javascript - 如何获取当前 CSS3 过滤器属性函数参数值？

Question

如果我$('#my-div').css("-webkit-filter")在应用了 CSS3 过滤器属性的 DOM 对象上使用 (jQuery)，则会返回以下字符串：

 "blur(*px) invert(100%) etc"

如何快速找出应用于给定 DOM 元素的每个单独的 CSS3 过滤器属性函数参数（可能还有转换属性）的当前值？

Answer 1

似乎.csswrapswindow.getComputedStyle在规范化 CSS 值方面做得很好。捕获名称/值的通用正则表达式是

/(?:^|\s+)(.*?)\((.*?)\)/g

您可以.replace在不替换的情况下使用，以便分别获取过滤器的名称及其值，也许将它们存储在一个对象中。

http://jsfiddle.net/ExplosionPIlls/26kNc/