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

Question

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

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

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

谢谢

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;
}

该片段将获得为 CSS 中的 highlightColour 类定义的 color 属性。只要确保没有任何内容覆盖属性即可。在 Firefox 3.6 上测试和工作。