分别是append, prepend, before ,after, appendTo
append添加节点添加元素节点append()与appendTo()两种方法都是将元素追加到节点上
例如jQuery代码:
$("p").append("你好");
prepend
而 prepend()方法Jquery元素节点向每个匹配的元素内部前置内容。
例如jQuery代码:
$("p").prepend("你好");
before
before(): 在指定节点的前面添加要添加的节点
例如before()
//元素A.before(元素B); //把元素B插入到元素A的前面
$('#btnBefore').click(function () {
//新建一个div标签,添加到ul1的前面.
var $div = $('<div>我是新建的div元素</div>');
$('#ul1').before($div);
});
after
after (): 在指定节点的后面添加要添加的节点
after();
//元素A.after(元素B); //把元素B插入到元素A的后面
$('#btnAfter').click(function () {
//新建一个div标签,添加到ul1的后面.
var $div = $('<div>我是新建的div元素</div>');
$('#ul1').after($div);
});
appendTo
appendTo (): 把指定节点添加到指定父级里面的最后面
例如appendTo();
//子元素.appendTo(父元素); //作为最后一个子元素添加.
$('#btnAppendTo').click(function () {
//1.1 新创建一个li标签,追加到ul1中
var $newLi = $('<li>我是新创建的li标签</li>');
$newLi.appendTo($('#ul1'));
});