jquery - 在变量/参数中定义变量并在javascript中使用？

Question

我想在 CSS 中定义一个变量/参数并通过 javascript 访问它。这样做的最佳方法是什么？

我想到的一个选择是在body元素上放置一个 cutsom 属性，然后通过 jQuery 访问该属性。

更多信息：我在 CSS 中定义颜色集。我用 RaphaelJS 创建了一个函数来在页面上绘制渐变背景。我希望此函数使用将在 CSS 中与其他颜色元素一起定义的高亮颜色（在 DOM 的其他地方未使用）。

谢谢

Answer 1

使用 jQuery 创建一个模拟元素，为其分配类hightlightColour，获取您可能需要的任何 CSS 定义并销毁该元素。

$(function() {
    var highlightColour = getClassCSS('highlightColour', 'color');
    alert(highlightColour);
});

function getClassCSS(className, attribute) {
    var mock = $('<div />').addClass(className).appendTo('body');
    var value = mock.css(attribute);
    mock.remove();
    return value;
}

该片段将获得为CSScolor中的类定义的属性。highlightColour只要确保没有覆盖属性。在 Firefox 3.6 上测试并运行。