$("div").append("<form action='xxx' id='form'>...</form>")
$("#form").css({xx: xx, xx: xx})
js更改的只是表面上的,除非你把他作为一个变量保存,然后,绕过新添加的数据也使用这个变量存储的样式。或者,直接用ID或class来区分两组css样式(如原来为.base {...},更细后为.new {...}),为新添加的内容添加修改的css标签(class="new")。
CSS称之为层叠样式表,样式的定义是有一定权重的。交互脚本设置的css样式,也要保证新的样式处于当前执行脚本内。
你在sub_nav的div里添加了ul元素,但是你下面的$('ul')指的是当前页所有的ul元素,你给所有的ul加id=sub_ul,但是id必须唯一的,如果不是唯一的,它就以第一个标志为sub_ul的ul作为对象在里面操作。我这样说你明白么?