給動態元素動態添加樣式

工作上一個問題，我在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那里寫就能夠起作用了

})