怎么用了append以后css样式设置不了了

html-css036

怎么用了append以后css样式设置不了了,第1张

$("#dipai").append("<div class='c1' style=' border:1px #999 solidwidth:100height:150px margin-top:40pxmargin-left:1pxz-index:4font-size:11px'><img style='cursor:pointer' width=100height=150src='pkptp/1h.JPG' \/><\/div>")

$(".c1").click(function(){$(this).css("border","2px red solid")}).appendTo($this)

前后顺序....

js更改的只是表面上的，除非你把他作为一个变量保存，然后，绕过新添加的数据也使用这个变量存储的样式。

或者，直接用ID或class来区分两组css样式（如原来为.base {...},更细后为.new {...}），为新添加的内容添加修改的css标签(class="new")。

CSS称之为层叠样式表，样式的定义是有一定权重的。交互脚本设置的css样式，也要保证新的样式处于当前执行脚本内。

和正常获取DOM添加css一样。

$("div").append("<form action='xxx' id='form'>...</form>")

$("#form").css({xx: xx, xx: xx})