jquery增加和删除元素的方法
2015-01-14 00:00
501 查看
本文实例讲述了jquery增加和删除元素的方法。分享给大家供大家参考。具体实现方法如下:
运行效果如下:
希望本文所述对大家的jQuery程序设计有所帮助。
<html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <title>jquery增加删除元素</title> <script type="text/javascript" src="jquery-1.8.2.min.js"></script> <script type="text/javascript"> $(function(){ $("#add").click(function(){//增加一行 $("table").append("<tr>" + $("tr:eq(0)").html() +"</tr>"); }); $("#del").click(function(){//删除一行 if($("table tr").length > 1){//至少得留一行 $("table tr:last()").remove(); } }); }); </script> </head> <body> <table> <tr><td>输入文字:</td><td><input type="text" /></td></tr> </table> <br /> <input type="button" id="add" value="增加一行" /><input type="button" id="del" value="删除最后一行" /> </body> </html>
运行效果如下:
希望本文所述对大家的jQuery程序设计有所帮助。
相关文章推荐
- js+jquery动态设置/增加/删除/获取元素属性的两种方法集锦对比(动态onclick属性设置+动态title设置)
- jquery增加和删除元素的方法
- 使用Jquery随机删除一个顺序列表中某个子元素的方法,保持效果统一性
- jquery动态增加text元素以及删除文本内容实例代码
- JavaScript数组Array对象增加和删除元素方法总结
- 有关jquery/js删除数组中的某个元素的方法
- jQuery使用removeClass方法删除元素指定Class的方法
- jquery使用remove()方法删除指定class子元素
- jquery增加与删除元素
- jquery实现增加删除行的方法
- Jquery中删除元素方法
- jquery之设置元素内容(删除元素,使用remove(),empty()方法)
- jquery之操作元素属性和特性(删除特性,removeAttr()方法的使用)
- 增加原型方法写出删除一个数组相同元素的函数
- jQuery根据元素值来删除一个数组元素及数组对象方法
- 使用jQuery对页面元素(或者标签)进行Dom操作(增加和删除),电力项目
- jQuery动态添加、删除元素的方法
- js与jquery获取父元素,删除子元素的两种不同方法
- jQuery使用empty()方法删除元素及其所有子元素的方法
- js面试题——为javascript增加删除重复元素的方法