JQuery是目前最流行的JavaScript库之一，它可以轻松地实现诸多功能。其中之一就是追加元素到列表尾部。下面我们来看看如何使用jQuery实现这个功能。
$(document).ready(function(){
// 定义一个按钮事件
$("#btn").click(function(){
// 获取文本框中的内容
var text = $("#text").val();
// 判断文本框是否为空
if(text === ""){
alert("请输入要添加的内容");
}else{
// 创建一个新的项
var newItem = $("").text(text);
// 将新的项添加到列表的末尾
$("#list").append(newItem);
// 清空文本框
$("#text").val("");
}
})
})上述代码中，$(document).ready()函数用于确保DOM加载完成后才会执行代码。当用户点击按钮时，我们获取文本框中的内容，并判断它是否为空。如果为空，我们将会提示用户输入内容。如果文本框不为空，我们将会创建一个新的列表项。然后，我们使用.append()方法将新的项添加到列表的末尾。最后，我们使用.val()方法清空文本框中的内容。
如此简单便可以借助jQuery来实现追加元素到列表末尾的功能。