JQuery实现动态插入HTML模块

JQuery实现动态插入HTML模块

在项目中经常会遇到需要动态生成某个模块并将其插入到原有的HTML页面中，那么我就将我所知道的方法总结如下：
选择器选择的都是父级，添加到父级里
append：$("#wrap").append(“

啦啦啦

“); 添加到父级中所有子元素的最前面
appendto: $("<p>啦啦啦</p>").appendTo($(”#wrap”)); 添加到父级中所有子元素的最前面

prepend: $("#wrap").prepend(“

啦啦啦

“); 添加到父级中所有子元素的最前面
prependto: $("<p>啦啦啦</p>").prependTo($(”#wrap”)); 添加到父级中所有子元素的最前面

添加到与父级同级
after: $("#wrap").after(“

啦啦啦

“); 添加到当前选择的父级元素前面
insertafter: $($