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名称即可。