编程 Javascript

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程序设计有所帮助。

jquery增加和删除元素的方法

- Author -

shichen2014

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript自定义函数参数传递为字符串格式

Jul 29 Javascript

jQuery on方法传递参数示例

Dec 09 Javascript

js窗口关闭提示信息（兼容IE和firefox）

Oct 23 Javascript

浅谈js里面的InttoStr和StrtoInt

Jun 14 Javascript

require.js配合插件text.js实现最简单的单页应用程序

Jul 12 Javascript

利用yarn实现一个webpack+react种子

Oct 25 Javascript

angular+ionic 的app上拉加载更新数据实现方法

Jan 16 Javascript

解决webpack打包速度慢的解决办法汇总

Jul 06 Javascript

jQuery实现手势解锁密码特效

Aug 14 jQuery

JS实现简单表格排序操作示例

Oct 07 Javascript

vue登录注册实例详解

Sep 14 Javascript

layUI的验证码功能及校验实例

Oct 25 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