本文通过一个实例说明JQuery实现了在ul中添加Li和删除指定LI元素的功能。分享给大家参考，如下：

最近为了实现这个简单的功能，看了很多内容，终于找到了一个看起来简单易实现的方法。我觉得用最简单的代码就可以实现，不要写的那么复杂，不懂。首先编写代码，并为以下项目做准备。

！doctype html lang=' en-us ' head meta charset=' utf-8 ' meta name=' keywords ' content='心若晴' title，心若晴则伤心无意义/title styletype=' text/CSS '。项目{ background : # c0c 0 c 0；border-radius : 20px；边距-bottom : 10px；高度：40 px；左填充left: 20px颜色：白色；Font-family: '微软雅黑'；文本对齐：中心；衬垫-top : 15px；} # content { list-style : none；}/style script src=' http :http://libs . Baidu.com/jquery/2 . 0 . 0/jquery . min . js '/script script type=' text/JavaScript ' $(function(){ $(' # add ')。单击(function () {if ($ ('# content '))。儿童()。length=5) {alert('加起来是5 ')返回；}$('#content ')。追加(' li class='item' ' $('#content ')。儿童()。长度'/Li ')；});$ ('#delete ')。单击(function (){ var len=$('#content '))。儿童()。长度-1；if(len=0){ $('ul li:eq(' len ')')。移除()；//表示删除最后一个元素}else{ alert('元素尚未添加')；}});})/script/head body div ul id=' content '/ul/div button id=' add ' add div/button button id=' delete ' delete div/button/body/html实现以下结果：

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun来测试上述代码的运行效果。

更多对jQuery感兴趣的读者，请查看本站话题：《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery操作json数据技巧汇总》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jquery选择器用法总结》、0103010。

希望本文对大家的jQuery程序设计有所帮助。