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 相关文章推荐
Js中的onblur和onfocus事件应用介绍
Aug 27 Javascript
JavaScript中的对象的extensible属性介绍
Dec 30 Javascript
JQuery中节点遍历方法实例
May 18 Javascript
jQuery实现自定义右键菜单的树状菜单效果
Sep 02 Javascript
浅析JavaScript动画模拟拖拽原理
Dec 09 Javascript
js时间控件只显示年月
Jan 08 Javascript
Javascript中的getter和setter初识
Aug 17 Javascript
vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法
Nov 28 Javascript
微信小程序onLaunch异步,首页onLoad先执行?
Sep 20 Javascript
Vue-input框checkbox强制刷新问题
Apr 18 Javascript
vue-cli3.X快速创建项目的方法步骤
Nov 14 Javascript
js代码编写无缝轮播图
Sep 13 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
php 字符转义 注意事项
2009/05/27 PHP
使用 PHPMAILER 发送邮件实例应用
2012/11/07 PHP
php绘制圆形的方法
2015/01/24 PHP
在WordPress的文章编辑器中设置默认内容的方法
2015/12/29 PHP
Laravel 5.5 异常处理 &amp; 错误日志的解决
2019/10/17 PHP
js压缩工具 yuicompressor 使用教程
2010/03/31 Javascript
javascript级联下拉列表实例代码(自写)
2013/05/10 Javascript
JavaScript onkeydown事件入门实例(键盘某个按键被按下)
2014/10/17 Javascript
js 创建对象 经典模式全面了解
2016/08/16 Javascript
使用jQuery操作DOM的方法小结
2017/02/27 Javascript
JavaScript 过滤关键字
2017/03/20 Javascript
React服务端渲染(总结)
2017/07/01 Javascript
使用electron将vue-cli项目打包成exe的方法
2018/09/29 Javascript
产制造追溯系统之通过微信小程序实现移动端报表平台
2019/06/03 Javascript
精读《Vue3.0 Function API》
2020/05/20 Javascript
nginx部署多个vue项目的方法示例
2020/09/06 Javascript
在Django的模板中使用认证数据的方法
2015/07/23 Python
Python简单格式化时间的方法【strftime函数】
2016/09/18 Python
Python批量提取PDF文件中文本的脚本
2018/03/14 Python
django小技巧之html模板中调用对象属性或对象的方法
2018/11/30 Python
tensorflow中tf.slice和tf.gather切片函数的使用
2020/01/19 Python
python代码如何实现余弦相似性计算
2020/02/09 Python
Python实现的北京积分落户数据分析示例
2020/03/27 Python
PyQt5 控件字体样式等设置的实现
2020/05/13 Python
PyTorch中Tensor的数据类型和运算的使用
2020/09/03 Python
Django解决frame拒绝问题的方法
2020/12/18 Python
CSS3 media queries + jQuery实现响应式导航
2016/09/30 HTML / CSS
Boden英国官网:英国知名原创时装品牌
2018/11/06 全球购物
英国排名第一的停车场运营商:NCP
2019/08/26 全球购物
香港士多网上超级市场:Ztore
2021/01/09 全球购物
幼儿教育感言
2014/02/05 职场文书
《假如》教学反思
2014/04/17 职场文书
学生操行评语大全
2014/04/24 职场文书
语文高效课堂实施方案
2014/05/03 职场文书
幼儿园2015年度工作总结
2015/04/01 职场文书
经典法律座右铭(50句)
2019/08/15 职场文书