相关疑难解决方法(0)

如何通过jQuery从CSS类访问属性？我有一个CSS类,如:

.highlight { 
    color: red; 
}

我需要在对象上做一个颜色动画:

$(this).animate({
    color: [color of highlight class]
}, 750);

所以我可以red改为blue(在CSS中),我的动画将按照我的CSS工作.

一种方法是在highlight类中放置一个不可见的元素,然后获取要在动画中使用的元素的颜色,但我想这是一个非常非常糟糕的做法.

有什么建议？

显然它可以完成，因为 Firebug 做了，但我不确定他们是否对 CSSDeclarations 进行了大量处理，或者 DOM 中是否有我遗漏的东西，但我想获取 TYPED 样式元素或样式表，而不是 DOM 似乎返回的 cssText。

一个例子是边界。如果我的元素有 border:1px solid #000，DOM 会返回给我

border-top-width:1px;
border-right-width-value:;
border-right-width-ltr-source:;
border-right-width-rtl-source:;
border-bottom-width:1px;
border-left-width-value:;
etc.....

我真正想要的只是我输入的内容，即 border:1px solid #000。

如果有人对此有任何想法，将不胜感激。

以下是 CSS 的 DOM2 规范：http : //www.w3.org/TR/DOM-Level-2-Style/css.html#CSS-CSSRule 这就是我不确定我是否遗漏了什么的地方如果我应该去别处寻找。

这是我写的代码，似乎工作正常，但是，就像我说的，现在它只返回浏览器呈现的样式和计算样式。无需查看代码。我只是在寻找整体建议。我刚刚发布了代码来帮助某人，如果他们正在寻找开始的东西......

bg.fn.cssNavigator = function(){
var el = bg(this)[0]; //Only take first element.
var context = bg(this).context; //What document are we looking at?
if(!document.getElementById('plugins-bg_css_navigator-wrapper')){
    jQuery("body").append('<div id="plugins-bg_css_navigator-wrapper"><div id="plugins-bg_css_navigator-css"></div></div>');
}
var t = '';
t = t+'<div>Inline Style</div><div>';
if(el.style){
    var els = el.style;
    for(var i=0; …