一、创建节点
$('<div></div>')
二、添加节点
h2标签添加到div中
- append
$('div').append($('h2'))
$('div').append('<h2></h2>')
- appendTo
$('h2').appendTo($('div))
$('h2').appendTo('div)
h2标签添加到div最前面
- prepend
$('div').prepend( $('h2') )
- prependTo
$('h2').prependTo('div')
h2标签添加到div之前,作为兄弟元素
- before
$('div').before( $('h2') )
h2标签添加到div之后
- after
$('div').after( $('h2') )
三、清空节点与删除节点
- empty:清空指定节点的所有元素,自身保留(清理门户)
$("div").empty();//清空div的所有内容(推荐使用,会清除子元素上绑定的内容,源码)
$("div").html("");//使用html方法来清空元素,不推荐使用,会造成内存泄漏,绑定的事件不会被清除。
- remove:相比于empty,自身也删除(自杀)
$("div").remove();
四、克隆节点
作用:复制匹配的元素
// 复制$(selector)所匹配到的元素(深度复制)
//cloneNode(true)
// 返回值为复制的新元素,和原来的元素没有任何关系了。即修改新元素,不会影响到原来的元素。
//如果参数是true,会把元素的事件 也克隆
$(selector).clone();