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背景顏色

回答

相關問題