JQuery添加元素

append()

在父元素内末尾插入子元素

在ul元素结尾插入内容

 $("ul").append("<li>篮球</li>");

appendTo()

把子元素插入父元素末尾

把li插入ul末尾

$("<li>篮球</li>").append($("ul"));

prepend()

在父元素内开头插入子元素

在ul元素开头插入内容

 $("ul").prepend("<li>篮球</li>");

prependTo()

把子元素插入父元素开头

把li插入ul开头

$("<li>篮球</li>").prependTo($("ul"));

after()

是在当前元素的后面添加一个元素作为他的兄弟元素

在ul后面添加一个li

$("ul").after($("<li>篮球</li>"));

before()

是在当前元素的前面添加一个元素作为他的兄弟元素

在ul前面添加一个li

$("ul").before($("<li>篮球</li>"));