一、创建元素
语法:
$("<li></li>");
动态的创建了一个 <li>
二、添加元素
1. 内部添加
1、element.append(''内容'')
把内容放入匹配元素内部最后面,类似原生 appendChild。
2、element.prepend(''内容'')
把内容放入匹配元素内部最前面。
2. 外部添加
element.after(''内容'') // 把内容放入目标元素后面
element.before(''内容'') // 把内容放入目标元素前面
1、内部添加元素,生成之后,它们是父子关系。
2、外部添加元素,生成之后,他们是兄弟关系。
三、 删除元素
1、element.remove() // 删除匹配的元素(本身)
2、element.empty() // 删除匹配的元素集合中所有的子节点
3、element.html('''') // 清空匹配的元素内容
1、remove 删除元素本身。
2、empt() 和 html('''') 作用等价,都可以删除元素里面的内容,只不过 html 还可以设置内容。
参考:黑马教程