JQuery的增加元素，刪除元素
1. jQuery創(chuàng)建元素方法
let div = $('<div>elm</div>');$('<div>elm</div>')可以創(chuàng)建一個(gè)div元素，并內(nèi)容為elm
2.添加元素
2.1.內(nèi)部添加 append(),prepend()方法
<ul>
<li>原有的</li>
</ul>
<script>
$(function() {
let li = $('<li>后加的</li>');
$('ul').append(li);
});
</script>
append()方法會(huì)把元素添加到匹配元素最后面，類似原生JS里的appendChild()
<ul>
<li>原有的</li>
</ul>
<script>
$(function() {
let li = $('<li>后加的</li>');
$('ul').prepend(li);
});
</script>
prepend()方法會(huì)把元素添加到匹配元素最前面，類似原生JS里的insertBefore()
內(nèi)部添加元素后，生成的是父子關(guān)系
2.2.外部添加 before(),after()方法
原來的? ?$(function() { ? ? ? ?let div = $('添加的'); ? ? ? ?$('div').before(div); ? })
before()方法會(huì)把元素添加在匹配元素前面
<div>原來的</div>
<script>
$(function() {
let div = $('<div>添加的</div>');
$('div').after(div);
})
</script>
after()方法會(huì)把元素添加在匹配元素后面
外部添加元素，生成的是兄弟關(guān)系
2.刪除元素
1.remove()
<ul>
<li></li>
</ul>
<script>
$(function() {
$('ul').remove();
})
</script>
remove()會(huì)刪除ul元素，包括子節(jié)點(diǎn)
2.empty()
<ul>
<li></li>
</ul>
<script>
$(function() {
$('ul').empty();
})
</script>
empty()清空ul節(jié)點(diǎn)內(nèi)的所有子節(jié)點(diǎn)，但會(huì)保留ul自身節(jié)點(diǎn)
3.html("")
html("")方法作用于empty()基本一致
