jQuery节点操作

一、创建节点

$('<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();

代码007普通

打赏 收藏 海报 链接