在eclipse裡面運行代碼即可，如果您是其他應用，請選擇對您有幫助的代碼即可，如果有寫錯或不懂的地方請聯繫QQ：1633420056，謝謝，祝學習進步 <!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here ...
在eclipse裡面運行代碼即可，如果您是其他應用，請選擇對您有幫助的代碼即可，如果有寫錯或不懂的地方請聯繫QQ：1633420056，謝謝，祝學習進步
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="../jq/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
function fn1() { //添加
//獲取用戶的輸入內容
var userName = $("#userName").attr("value");
//創建li標簽並添加內容
var $li = $("<li>" + userName + "</li>");
//把li裝ul
$("#aa").append($li);
}
function fn2() { //插入
var userName = $("#userName").attr("value");
var $li = $("<li>" + userName + "</li>");
$("#sh").after($li)
}
function fn3() { //刪除
//通過元素自己刪除
//$("#sh").remove();
//先得到所有的li 然後刪除裡面id為sh的
$("li").remove("#sh");
}
</script>
</head>
<body>
<input type="text" id="userName">
<input type="button" value="添加" onclick="fn1()">
<input type="button" value="插入" onclick="fn2()">
<input type="button" value="刪除" onclick="fn3()">
<ul id="aa">
<li>北京</li>
<li id="sh">上海</li>
<li>廣州</li>
</ul>
</body>
</html>
