JavaScript表单的删除与增加（使用jQuery）

最新推荐文章于 2021-12-04 14:16:17 发布

zyftest1

最新推荐文章于 2021-12-04 14:16:17 发布

阅读量770

点赞数

分类专栏： WEB前端文章标签： JavaScript表单的增删与清空增删的注意事项

本文链接：https://blog.csdn.net/qq_40084390/article/details/90315833

版权

一、代码

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.delete {
				text-decoration: none;
			}
		</style>
		<script src="js/jquery-1.12.4.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			
			$(function() {
				//清空列表
				$("#empty").on("click", function() {
					$("#tbd").empty();
				});
				//删除数据
				$("#tbd").on("click",".delete", function() {
					$(this).parent().parent().remove();
				});
				//添加数据
				$("#add").on("click", function() {
					$("<tr><td>1004</td><td>慧慧4</td><td>20</td><td><a href='#'

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

zyftest1

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JavaScript表单的删除与增加（使用jQuery）

一、代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .delete { text-decoration: none; } </...
复制链接

扫一扫