remove:删除
empty:清空
append:在后面加
prepend:在前面加
appendTo:追加
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input type="button" value="删除" onclick="shan();">
<input type="button" value="清空" onclick="qing();">
<input type="button" value="增li" onclick="zeng();">
<ul>
<li>导航1</li>
<li>导航2</li>
<li>导航3</li>
<li>导航4</li>
</ul>
</body>
<script src="jquery.js"></script>
<script>
function shan() {
$('ul').remove();
}
function qing() {
$('ul').empty();
}
function zeng() {
// appendTo追加
$('<li>导航5</li>').appendTo($('ul'));
// 往后面加
$('ul').append($('<li>再加</li>'));
// 在前面加
$('ul').prepend($('<li>再加</li>'));
$('ul').after($('<ol><li>张飞</li><li>赵云</li></ol>'));
}
</script>
</html>