jQuery改变CSS背景颜色

我只是盯着第一次与JQuery工作，我有一个简单的问题关于改变CSS，这是我目前的代码，但我想能够提示颜色如何能够实现？jQuery改变CSS背景颜色

$(document).ready(function() { 
    $("#change").click(function() { 
     $("#container").css("background-color", "blue"); 
});

香港专业教育学院尝试这样：

<input id="colorInput" type="text"/> 

$(document).ready(function() { 
    $("#change").click(function() { 
     $("#container").css("background-color", #colorInput); 
});

而且很多其他的方法，但似乎没有任何工作。

来源

2014-03-06 user3142531

你是什么意思 “提示”，通常这意味着这样的事情 - > ** HTTP：//jsfiddle.net/a3vX6/** – adeneo

变化

$("#container").css("background-color", #colorInput);

到

$("#colorInput").css("background-color", "#ff0000");

ID或类元素的要实现将在选择器。

Here是小提琴。

来源

2014-03-06 12:33:22

尝试

$(document).ready(function() { 
$("#change").click(function() { 
$("#container").css("background-color", $("#colorInput").val()); 
});

可以使用

$("#colorInput").val()

来源

2014-03-06 12:34:14

非常感谢有效！ =） – user3142531

@ user3142531很乐意帮助 –

@ user3142531接受Anoop的答案，如果有效:)所以这个问题可以从未回答的问题列表中删除。 –

从那个输入值。如果你colorinput就像是为#FF00AA然后如下

$("#container").css("background-color", $("#colorInput").val());

其他如下使用使用：

$("#container").css("background-color", "#"+$("#colorInput").val());

来源

2014-03-06 12:34:42 Amit

在jsfiddle上创建了一些东西。

检查链接：http://jsfiddle.net/SE5R2/2/

$(document).ready(function() { $('#change').click(function() { $('#box').css({ 'background-color': '#' + $('#color').val() }); }); });

来源

2014-03-06 12:42:08 Himanshu

jQuery改变CSS背景颜色

回答

相关问题