如何将CSS更新为表单中选择的值？（jQuery）

这是我想发展的想法。我需要一个元素，比如一个按钮。在它旁边，我会有各种输入，允许用户编辑按钮。一旦用户改变了一些东西，我需要更新按钮的预览和css代码。现在我很困惑，不知道该怎么做

我找到了这个网站：

这正是我需要的。我试着看来源，但不太明白。所以基本上，我需要一个jQuery解决方案来实现与示例网站相同的功能（允许用户更改样式选项、更新css并在用户更改值后立即预览）

---

理想情况下，您可以提供一个示例来说明您的答案，可能是更改div标签颜色和边框的简单形式。

您通常只需一个功能即可完成所有这些操作。另外，.attr（），.val（），

.addClass（）/removeClass（）

也可能有用

在这里寻找

---

查找

通常，您只需一个功能即可完成所有这些操作。另外，.attr（），.val（），

.addClass（）/removeClass（）

也可能有用

在这里寻找

---

查找

这将更改类的所有div

mydiv

：

$(.mydiv).css('background-color', 'red');

相同的语法适用于边框、颜色或其他

CSS

样式

此函数使用2个输入框为具有指定类的元素设置指定的背景色

function changeBgColor() 

{
     var mycolor = document.getElementById('myinputboxcolor').value;
     var myclass = document.getElementById('myinputboxclass').value;
     $('.' + myclass).css('background-color', mycolor);
}

---

这将使用类

mydiv

更改所有div：

$(.mydiv).css('background-color', 'red');

相同的语法适用于边框、颜色或其他

CSS

样式

此函数使用2个输入框为具有指定类的元素设置指定的背景色

function changeBgColor() 

{
     var mycolor = document.getElementById('myinputboxcolor').value;
     var myclass = document.getElementById('myinputboxclass').value;
     $('.' + myclass).css('background-color', mycolor);
}

---

问题是我不太擅长jQuery。我快速阅读了提供的链接。你能不能提供一个小的JSFIDLE示例，以及所有的位（更新代码、预览和字段），当我看到示例时，我发现更容易理解一些东西。如果我问的太多，很抱歉。是的，但演示只会将颜色更改为黄色，我需要有一个输入，用户输入十六进制颜色，然后jQuery将其更新为该颜色。@Ilyanaup检查演示2，但这是最后一个。如果您想编写这样的应用程序，必须学习jquery谢谢！这正是我所需要的，我现在会考虑其他部分，很抱歉有这么多问题。问题是我不太擅长jQuery。我快速阅读了提供的链接。你能不能提供一个小的JSFIDLE示例，以及所有的位（更新代码、预览和字段），当我看到示例时，我发现更容易理解一些东西。如果我问的太多，很抱歉。是的，但演示只会将颜色更改为黄色，我需要有一个输入，用户输入十六进制颜色，然后jQuery将其更新为该颜色。@Ilyanaup检查演示2，但这是最后一个。如果您想编写这样的应用程序，必须学习jquery谢谢！这正是我所需要的，我现在将计算其他部分，很抱歉有这么多问题。好的，我得到了这一部分，但是在您的示例中，我将如何从输入中输入值，而不是“红色”？e、 g.用户选择#F0 color并在input class=test中键入它，我如何启动您的函数，但颜色由用户选择？您只需要一个函数，该函数从特定文本框读取一个值，并将其分配给一个变量，然后将该变量插入.css命令，我将编辑我的答案并添加一个小函数确定这一部分，但是，在您的示例中，如何将输入值放在那里，而不是“红色”？e、 g.用户选择#F0 color并在input class=test中键入它，我将如何启动您的函数，但颜色由用户选择？您只需要一个函数，该函数从特定文本框读取一个值，并将其分配给一个变量，然后将该变量插入.css命令，我将编辑我的答案并添加一个小函数