01-添加结点
内部添加
append(): 添加节点->追加到最后 (属性父子关系)
$('ul').append(tag);
appendTo(): 把创建的结点添加到指定结点之后
$(tag).appendTo('li');
prepend() 添加结点->追加到最前面 (属性父子关系)
$('ul').prepend(tag);
prependTo() 把创建的结点添加到指定结点之前
$(tag).prependTo('li');
外部添加
after() 把指定结点添加到指定元素之后,(属于兄弟关系)
$('ul').after(tag);
before() 把指定结点添加到指定元素之前,(属于兄弟关系)
$('ul').before(tag);
insertBefore(tag) 把指定元素添加到指定元素之后
$('li:last').insertBefore($('li:first'));
insertAfter(tag) 把指定元素添加到指定元素之前
$('li:first').insertAfter($('li:last'));
02-删除结点&清空节点内容
把指定的节点删除
$(tag).remove()
清空选择元素当中的所有内容,内部有标签连标签一起清空.没有标签,直接清空文字
$(tag).empty()
03-替换&复制结点
tag1.replaceWith(tag2)
把tag1标签替换成tag2标签
tag.clone(varBool)复制tag标签.
参数说明:
当参数为false时代表只复制标签,不包括标签绑定的事件.
当参数为true时代表不仅复制标签,连同里面的事件一起复制
如果没有传递参数,代表为false