Jquery第一章表格新增功能课后练习第二节2/2

效果图：

源码：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>作业讲解</title><!-- <script type="text/javascript" src="./js/jquery.min.js"></script> --><script type="text/javascript" src="./js/jquery-1.4.2.js"></script><style type="text/css">.div1{text-align: center;}</style>
</head>
<body><div class="div1">添加用户:<br><br>姓名：<input type="text" name="username" id="username">email：<input type="text" name="email" id="email">电话：<input type="text" name="tel" id="tel"><br><br><input type="submit" value="提交"><br><hr></div><center><div id="div2"><table width="400px" border="1px" cellspacing="0px" id="tb"><tr><td>姓名</td><td>email</td><td>tel</td><td>操作</td></tr></table></div></center><script type="text/javascript">function del(){alert("haha");}$("input[type=submit]").click(function(){//var usernameValue = $("#username").attr("value");var usernameValue = $("#username").val();var emailValue = $("#email").val();var telValue = $("#tel").val();//var $trEle = $("<tr></tr>");//document.createElement();var $trEle = $("<tr></tr>");$trEle.html("<td>"+usernameValue+"</td><td>"+emailValue+"</td><td>"+telValue+"</td><td><a href='#' οnclick='del()'>delete</a></td>");$("#tb").append($trEle);});</script>
</body>
</html>

Jquery第一章表格新增功能课后练习第二节2/2相关推荐

代驾APP_第一章_项目环境搭建_第二节
代驾APP_第一章_项目环境搭建_第二节文章目录代驾APP_第一章_项目环境搭建_第二节 1-11 创建bff-driver服务一.创建项目二.配置pom.xml文件三.编写YML配置文件 ...
第一章：Python的基本数据类型-第二节：Python中表示“有序”（序列）的数据类型
部分参考:菜鸟教程文章目录一:列表 (1)列表基本操作 A:元素访问 B:常用操作 C:函数和方法总结 (2)其他使用技巧二:元组 (1)元组基本操作 A:元素访问 B:常用操作 C:常用函数方 ...
SSVEP介绍|第一章 SSVEP的基础应用系统|第二节 SSVEP的信号处理过程（1）
摘要-- 这一节主要讲解SSVEP的去噪和滤波过程,众所周知,对于一个信号来说,噪声和滤波过程直接决定了信号的可用性.特别是对BCI信号来说,由于脑电信号比较微弱,干扰较大,所以其去噪和滤波的好坏直接 ...
使用Jquery完成动态表格的功能
使用Jquery完成动态表格的功能 1. 代码展示: <!doctype html> <html lang="en"> <head><me ...
第一章计算机网络概述[知识点+课后习题+练习题]
概念和功能 21世纪一些重要特征:数字化.网络化.信息化,它是一个以网络为核心的信息时代. 三网融合:电信网络.有线电视网络.计算机网络四网融合:电网.电信网络.有线电视网络.计算机网络计算机网络 ...
tkinter窗口美化功能介绍第一章内部美化功能
今天我教大家做tkinter窗口美化第一章 · tkinter内部美化功能窗口透明化窗口居中窗口最大最小化删除窗口标题栏窗口大小调整的设置 1.窗口透明化可以通过调整第二个值来设置透明度 ...
《计算机网络》第七版第一章总结及部分课后习题答案
引言计算机网络系列博文是我学习<计算机网络>时的一些读书笔记,以及常见问题的解答,所以可能会有些错误与不足,希望读者可以不吝赐教一些常见问题 1.计算机网络被设计出来的目的? 答:计算 ...
帮我写一篇C语言课程的课程实施报告，第一章写整体教学设计，第二章写教学实施流程，第三章写学习效果，第4章写特色与创新，第5章写教学反思与改进...
很高兴为您写一篇 C 语言课程的课程实施报告. 第一章整体教学设计 C 语言课程的整体教学设计旨在帮助学生了解 C 语言的基础知识和编程技巧,包括语言结构.数据类型.运算符.控制结构.函数.指针.内 ...
初级会计实务--第一章、会计概述（1~3节）
第一节.会计职能和目标 1.会计职能核算:会计以货币作为主要的计量单位,对特定主体的经济活动进行确认,计量,记录和报告. 监督:会计对特定主体经济活动和会计核算的合理性,真实性,合法性进行审查. 关 ...

Jquery第一章表格新增功能课后练习第二节2/2

Jquery第一章表格新增功能课后练习第二节2/2相关推荐

最新文章

热门文章