给动态元素动态添加样式

工作上一个问题,我在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那里写就能够起作用了

})

转载于:https://www.cnblogs.com/marsy/p/6477110.html

Logo

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐