第13课第1页:jQuery DOM元素操作
1. 创建新元素
这里将显示新创建的元素
创建简单元素
创建复杂元素
创建带属性元素
清空容器
jQuery可以动态创建HTML元素!
2. 插入元素到DOM
目标元素
append() 内部末尾
prepend() 内部开头
after() 外部后面
before() 外部前面
重置
不同的插入方法有不同的位置!
3. 删除元素
可删除项目1
可删除项目2
可删除项目3
可删除项目4
remove() 删除第一个
detach() 分离第一个
empty() 清空内容
恢复元素
remove()和detach()的区别在于是否保留数据!
4. 替换元素
原始元素
replaceWith() 替换
replaceAll() 全部替换
恢复原始
替换操作会完全改变元素!
5. 复制元素
可点击的源元素 (点击试试)
复制的元素将出现在这里
clone() 简单复制
clone(true) 复制事件
清空复制
clone()可以复制元素,clone(true)还会复制事件!
6. 包装和解包装
需要包装的元素
wrap() 包装
wrapInner() 内部包装
wrapAll() 全部包装
unwrap() 解包装
包装可以给元素添加父级容器!