增加li元素的方法：1、用「$("ul").append(li元素)」；2、用「$(li元素).appendTo("ul")」；3、用「$("ul").prepend(li元素)」；4、用「$(li元素).prependTo("ul")」。
本教學操作環境：windows7系統、jquery1.10.2版本、Dell G3電腦。
增加一個li元素，就是在ul元素內部加入一個子元素li。
而jquery中，有4種加入子元素的方法：
append()和appendTo()：將內容
prepend( )和prependTo( )：將內容插入到所選元素內部的「開始處」
#。 ：使用append()方法
在jQuery 中，我們可以使用append( ) 方法向所選元素內部的「末尾處」插入內容。
語法：
$(A).append(B)
表示在 A 內部的結尾處插入 B。
範例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script>
$(function () {
$("#btn").click(function () {
var $li = "<li>香蕉</li>";
$("ul").append($li);
})
})
</script>
</head>
<body>
<ul>
<li>苹果</li>
<li>梨子</li>
<li>橘子</li>
</ul>
<input id="btn" type="button" value="插入" />
</body>
</html>方法2：使用appendTo()方法
在jQuery 中，appendTo( ) 和append( ) 這兩個方法功能雖然相似，都是向所選元素內部的「末尾處」插入內容，但是兩者的操作對像是顛倒的。
語法：
$(A).appendTo(B)
範例：
$(function () {
$("#btn").click(function () {
var $li = "<li>榴莲</li>";
$($li).appendTo("ul");
})
})#方法3：使用prepend( )
prepend( ) 方法向所選元素內部的「開始處」插入內容。
語法：
$(A).prepend(B)
範例：
$(function () {
$("#btn").click(function () {
var $li = "<li>榴莲</li>";
$("ul").prepend($li);
})
})
#方法3：使用prependTo( )
prependTo ( ) 和prepend( ) 這兩個方法功能雖然相似，都是向所選元素內部的「開始處」插入內容，但是兩者的操作對像是顛倒的。
$(A).prependTo(B)
表示將 A 插入 B 內部的開始處。
範例：
$(function () {
$("#btn").click(function () {
var $li = "<li>西瓜</li>";
$($li).prependTo("ul");
})
})【推薦學習：jQuery影片教學、
web前端影片###】## #以上是jquery怎麼增加一個li元素的詳細內容。更多資訊請關注PHP中文網其他相關文章！
