01jquery动态操作节点
1.动态操作节点
原js:
- 创建节点
createElement('div')
createTextNode('内容')
- 添加节点
父节点.appendChild(子节点)
父节点.insertBefore(新节点，旧节点)
- 删除节点
父节点.removeChild(子节点)
子节点.remove()
- 替换节点
父节点.replaceChild(新节点，旧节点)
- 克隆节点
节点.clone(true|false)
2. jquery动态操作节点
1.创建节点
$('<div>') //<div> 注:<>
2.添加节点
父节点append(子节点) 子节点appendTo(父节点)
注：放在父节点内容后面
prepend() prependTo()
注：放在父节点内容前面
兄弟节点before() 兄弟节点after()
3.删除节点
节点empty() 消除元素下所有子节点
节点remove() 消除子元素和选中元素
节点detach() 同remove
4.替换节点
原节点.replaceWith(新节点)
新节点.replaceAll(原节点) 替换所有原节点
5.克隆节点
节点.clone(true|false) 事件
不传参数，默认是false 只克隆元素
参数为true,克隆元素和事件
