给动态元素动态添加样式

给动态元素动态添加样式

工作上一个问题，我在ul的容器里动态添加li标签，如果给固定样式的话完全没问题。但是我想给li动态添加样式，除了ajax外，我想用jq实现，但是一直不知道怎么实现。我知道有几种方法，可以给动态元素添加样式的，

例如我用jquery里面的load方法加载进了test.html入index.html里面的ul里,这个test.html里面有个li,我想改变li的样式

（1）$("ul").load("test.html"，function(){

　　　　$("ul li").css("background","blue");

　　});

（2）$("ul").css("background","blue"); --此效果无效.
（3）$("ul").on("click","li",function(){ alert() }); --这个有效,但是需要点击一下才能实现

 

所以以上的方法都不能解决我的问题，因为我的js文件都是外链式的，在body内。然后我在head那里，按照平时写代码那样写样式，竟然可以获取的到，并且顺利修改了样式。

$(function(){

　　$("ul li").css("background","blue"); //本来我写在外链的js文件是不起作用的，但是我在head那里写就能够起作用了

})