js动态添加页面元素

在刚完成的作业中，使用的动态添加页面元素的代码：

function add(name) {$("#list").append(" <a class='a' href=\"\"><li class='li'>\n" +"<img class='img' src=\"/picture/logo.png\" >\n" +"<div class='span'>"+name+"</div>\n" +" </li></a>");

主要使用jq的append()函数，先指定生成元素位置的上级元素$("#list")，然后将我们的要添加的元素拼接成字符串的形式作为参数传入append()即可。

可以先将元素的样式统一在css文件里先定义好，在js中加入class名称即可。