如何使用 jQuery colorpicker 更改 DIV 的背景或颜色？答案

【问题标题】：How to change the background or a color of DIV using jQuery colorpicker?如何使用 jQuery colorpicker 更改 DIV 的背景或颜色？
【发布时间】：2011-04-23 08:30:01
【问题描述】：

你能帮忙吗，我在这里使用这个颜色选择器：http://www.eyecon.ro/colorpicker/

我不知道如何使用它，例如，如果我想更改网站背景颜色，或 Div 元素的颜色，或文本的颜色，该怎么做？

这里是活生生的例子...http://pastehtml.com/view/1e78noi.html

例如想如何改变背景颜色，slider-bg DIV的颜色和文本DIV的颜色。

请使用此站点：pastehtml.com 将您的实时和工作 html 代码显示给我。并从我的源文件中复制源 URL 脚本。

谢谢

【问题讨论】：

标签： jquery

【解决方案1】：

您需要使用colorpicker 提供的 onchange 事件：

$('#colorSelector').ColorPicker({
    color: '#0000ff',
    onShow: function (colpkr) {
        $(colpkr).fadeIn(500);
        return false;
    },
    onHide: function (colpkr) {
        $(colpkr).fadeOut(500);
        return false;
    },
    onChange: function (hsb, hex, rgb) {
       //this is what you need
       $(".text").css("color", "#" + hex);
    }
});

工作样本：

http://jsfiddle.net/r9ZeA/

【讨论】：

我应该在哪里粘贴您提供的代码，您能否提供完整的工作代码，因为我是 jquery 的新手，我将非常感激。您可以在此处查看我的源代码：pastehtml.com/view/1e78noi.html，您可以使用此服务在此处发布您的在线工作代码：pastehtml.com 非常感谢！
谢谢！现在如何更改我网站的全身背景颜色，请您也提供我的工作示例！
您可以使用 jQuery 来操作页面上每个元素的 css。要更改主体颜色，您需要 $("body").css("background", "#" + hex);示例：jsfiddle.net/r9ZeA/1 查看 .css() 函数的 jquery 文档可能会有所帮助：api.jquery.com/css