我只是 jQuery 的新手。我有一个div。在此之下,我有一些颜色列表。我希望当我单击这些颜色时,div 的背景颜色将更改为单击的颜色。我的代码标记是这样的
<h2>jQuery Bg</h2>
<div id="box"></div>
<ul>
<li><a id="red" href="">Red</a></li>
<li><a id="green" href="">Green</a></li>
<li><a id="blue" href="">Blue</a></li>
<li><a id="black" href="">Black</a></li>
</ul>
css是这样的
<style type="text/css">
#box {
width: 300px;
height: 300px;
border: 1px solid #ccc;
}
</style>
到目前为止我已经尝试过的jQuery是这样的
<script type="text/javascript">
$(document).ready(function() {
$("a").click(function(event) {
//alert(event.target.id);
var bgcolor = event.target.id ;
jQuery('div#box').css('background','bgcolor');
});
});
</script>
那么有人可以告诉我该怎么做吗?