请问JS或者JQ如何控制动态产生的元素的CSS属性？

Question

假如有个点击按钮后产生的div块
<div id="box">我不存在，我是后来出现的</div>我想达到的要求是，我能够通过例如：　$("#box").css("background","#eee");  这样的办法改变样式。如果是个按钮，我知道可以用Jquery里面的live()达到要求，可是需要有个事件，比如click,比如Blur，这样没办法达到我希望的。

Answer 1

我想达到的效果就是$("#box").live("click",function(){
  $("#box").css("background","#eee");
});但是不要click，因为这个BOX是后来出现的，如果是直接一句$("#box").css("background","#eee");是没有效果的...

Answer 2

你直接写一个样式不行吗#box{
    background:#eee;
}

Answer 3

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(function(){
$("#box").hide();
$("#abv").click(function(){
$("#box").show().css("background","#eee");  
});
})
 </script>
<input type="button"  id="abv" value="测试用按钮"/>
<div id="box">我不存在，我是后来出现的</div>