给动态元素动态添加样式
工作上一个问题,我在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那里写就能够起作用了
})
所有评论(0)