如$("p").append(" <b>Hello world!</b>")
appendTo() 方法在被选元素的结尾（在内部）插入指定内容。
如：$("<b>Hello World!</b>").appendTo("p")
prepend() 方法在被选元素的开头插入内容。
如：$("p").prepend("Some prepended text.")
after() 方法在被选元素之后插入内容。
before() 方法在被选元素之前插入内容。
如$("img").after("Some text after")$("img").before("Some text before")
1.首先创建html结构，如下图所示，一个input元素，一个按钮，一个空的ul列表。
2.然后添加按钮点击事件，如下图所示，在按钮点击事件中获得input元素。
3.通过value属性我们可以获得用户在input中输入的内容，如下图所示。
4.下面我们来动态创建一个li元素，如下图所示，运用document中的createElement方法即可。
5.创建好li元素以后，下面要做的就是给其设置innerHTML内容，如下图所示。
6.接下来就是获取ul元素了，如下图所示，仍然用getElementById方法。
7.最后通过调用appendChild方法将创建的li元素添加到ul列表中，如下图所示。
这个单纯用js应该无法实现吧，应该需要用到一些前台的框架，最老的比如jsp中的c标签，有循环输出，到struts2中的s标签，还有freemarker中的list都可以，你想直接用js把这个搞定了，貌似很难。
