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 相关文章推荐
你真的了解JavaScript吗?
Feb 24 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(五)可移动地图的实现
Jan 23 Javascript
jQuery插件StickUp实现网页导航置顶
Apr 12 Javascript
javascript实现类似java中getClass()得到对象类名的方法
Jul 27 Javascript
javascript html5实现表单验证
Mar 01 Javascript
Knockoutjs 学习系列(二)花式捆绑
Jun 07 Javascript
简单理解js的prototype属性及使用
Dec 07 Javascript
解决JQuery的ajax函数执行失败alert函数弹框一闪而过问题
Apr 10 jQuery
js中async函数结合promise的小案例浅析
Apr 14 Javascript
vue3.0搭配.net core实现文件上传组件
Oct 29 Javascript
记录一次websocket封装的过程
Nov 23 Javascript
vue实现锚点定位功能
Jun 29 Vue.js
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
论建造顺序的重要性
2020/03/04 星际争霸
PHP编程最快明白(第一讲 软件环境和准备工作)
2010/10/25 PHP
php使用高斯算法实现图片的模糊处理功能示例
2016/11/11 PHP
phpQuery采集网页实现代码实例
2020/04/02 PHP
js随机颜色代码的多种实现方式
2013/04/23 Javascript
JS排序方法(sort,bubble,select,insert)代码汇总
2016/01/30 Javascript
使用bootstrap3开发响应式网站
2016/05/12 Javascript
浅谈Javascript数组(推荐)
2016/05/17 Javascript
javascript 常用验证函数总结
2016/06/28 Javascript
jQuery实现限制文本框的输入长度
2017/01/11 Javascript
nodejs创建简易web服务器与文件读写的实例
2017/09/07 NodeJs
详解如何使用PM2将Node.js的集群变得更加容易
2017/11/15 Javascript
vue中倒计时组件的实例代码
2018/07/06 Javascript
vscode下vue项目中eslint的使用方法
2019/01/13 Javascript
JavaScript中var的重要性实例分析
2019/07/09 Javascript
详解微信小程序中var、let、const用法与区别
2020/01/11 Javascript
javascript实现前端input密码输入强度验证
2020/06/24 Javascript
Vue实现boradcast和dispatch的示例
2020/11/13 Javascript
vue+element实现动态加载表单
2020/12/13 Vue.js
[02:51]DOTA2 Supermajor小组分组对阵抽签仪式
2018/06/01 DOTA
Python计算回文数的方法
2015/03/11 Python
python套接字流重定向实例汇总
2016/03/03 Python
Python实现KNN邻近算法
2021/01/28 Python
详解如何利用Cython为Python代码加速
2018/01/27 Python
python实现多进程代码示例
2018/10/31 Python
对python修改xml文件的节点值方法详解
2018/12/24 Python
django中media媒体路径设置的步骤
2019/11/15 Python
python实现三种随机请求头方式
2021/01/05 Python
python3中celery异步框架简单使用+守护进程方式启动
2021/01/20 Python
SheIn俄罗斯:时尚女装网上商店
2017/02/28 全球购物
Halston Heritage官网:简洁的日装,稍显奢华的晚装
2018/11/20 全球购物
数控专业推荐信范文
2013/12/02 职场文书
班级标语大全
2014/06/21 职场文书
思想作风整顿个人剖析材料
2014/10/06 职场文书
2014年化验室工作总结
2014/11/21 职场文书
Python卷积神经网络图片分类框架详解分析
2021/11/07 Python