jquery增加和删除元素的方法


Posted in Javascript onJanuary 14, 2015

本文实例讲述了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增加和删除元素的方法

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

Javascript 相关文章推荐
JQuery 构建客户/服务分离的链接模型中Table中的排序分析
Jan 22 Javascript
使用js判断数组中是否包含某一元素(类似于php中的in_array())
Dec 12 Javascript
js中for in的用法示例解析
Dec 25 Javascript
删除javascript中注释语句的正则表达式
Jun 11 Javascript
详解jquery中$.ajax方法提交表单
Nov 03 Javascript
bootstrap实现弹窗和拖动效果
Jan 03 Javascript
jQuery模拟物体自由落体运动(附演示与demo源码下载)
Jan 21 Javascript
基于HTML5上使用iScroll实现下拉刷新,上拉加载更多
May 21 Javascript
jQuery插件fullPage.js实现全屏滚动效果
Dec 02 Javascript
vue过渡和animate.css结合使用详解
Jun 14 Javascript
VUE引入第三方js包及调用方法讲解
Mar 01 Javascript
layui对工具条进行选择性的显示方法
Sep 19 Javascript
Node.js开源应用框架HapiJS介绍
Jan 14 #Javascript
jQuery中Ajax的load方法详解
Jan 14 #Javascript
jquery获取当前日期的方法
Jan 14 #Javascript
JavaScript 学习笔记之基础中的基础
Jan 13 #Javascript
jQuery 中DOM 操作详解
Jan 13 #Javascript
JavaScript常用的返回,自动跳转,刷新,关闭语句汇总
Jan 13 #Javascript
jQuery过滤选择器详解
Jan 13 #Javascript
You might like
一个简单的自动发送邮件系统(二)
2006/10/09 PHP
用PHP编写和读取XML的几种方式
2013/01/12 PHP
php利用cookies实现购物车的方法
2014/12/10 PHP
一张表搞清楚php is_null、empty、isset的区别
2015/07/07 PHP
Laravel5.5以下版本中如何自定义日志行为详解
2018/08/01 PHP
如何制作浮动广告 JavaScript制作浮动广告代码
2012/12/30 Javascript
Extjs4 关于Store的一些操作(加载/回调/添加)
2013/04/18 Javascript
Jquery实现的tab效果可以指定默认显示第几页
2013/10/16 Javascript
javascript实现回到顶部特效
2015/05/06 Javascript
jQuery动态改变多行文本框高度的方法
2016/09/07 Javascript
vuejs如何配置less
2017/04/25 Javascript
详谈js中标准for循环与foreach(for in)的区别
2017/11/02 Javascript
JS实现基于拖拽改变物体大小的方法
2018/01/23 Javascript
Vue项目中设置背景图片方法
2018/02/21 Javascript
layer.confirm()右边按钮实现href的例子
2019/09/27 Javascript
只有 20 行的 JavaScript 模板引擎实例详解
2020/05/11 Javascript
[01:50]《我与DAC》之玩家:iG夺冠时的那面红旗
2018/03/29 DOTA
python调用shell的方法
2013/11/20 Python
Django REST framework视图的用法
2019/01/16 Python
对python dataframe逻辑取值的方法详解
2019/01/30 Python
pyinstaller打包单个exe后无法执行错误的解决方法
2019/06/21 Python
Python流程控制 while循环实现解析
2019/09/02 Python
使用Keras加载含有自定义层或函数的模型操作
2020/06/10 Python
python如何支持并发方法详解
2020/07/25 Python
navabi英国:设计师大码女装
2019/06/25 全球购物
我的applet原先好好的, 一放到web server就会有问题,为什么?
2016/05/10 面试题
逃课上网检讨书
2014/02/20 职场文书
餐厅执行经理岗位职责范本
2014/02/26 职场文书
家长对学生的评语
2014/04/18 职场文书
超市客服工作职责
2014/06/11 职场文书
老干部工作汇报材料
2014/10/28 职场文书
张丽莉事迹观后感
2015/06/16 职场文书
2016公司年会主持词
2015/07/01 职场文书
浅谈Redis在直播场景的实践方案
2021/04/27 Redis
LayUI+Shiro实现动态菜单并记住菜单收展的示例
2021/05/06 Javascript
PyQt5爬取12306车票信息程序的实现
2021/05/14 Python