JavaScript - Jquery+Bootsrap纯前台表格增删改查操作

最新推荐文章于 2021-08-05 11:00:31 发布

飒小北

最新推荐文章于 2021-08-05 11:00:31 发布

阅读量857

点赞数 1

分类专栏： JavaScript 文章标签： Jquery bootstrap 增删改查

本文链接：https://blog.csdn.net/tian_tian_gong/article/details/83382897

版权

界面: bootstrapJavaScript框架 :Jquery练习: 节点操作。效果图:在线查看源码:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="vie

摘要由CSDN通过智能技术生成

界面: bootstrap

JavaScript框架 :Jquery

练习: 节点操作。

效果图:

源码:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Jquery 增删改查</title>
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div class="row">
<table class="table table-striped table-bordered">
<caption>Jquery表格增删改查</caption>
<thead>
<tr>
<th>
<input type="checkbox" id="checkAll">
</th>
<th>序号</th>
<th>姓名</th>
<th>年龄</th>
<th>班级</th>
</tr>
</thead>
<tbody id="myTb">
<tr>
<td>
<input type="checkbox" class="subCheck">
</td>
<td>1</td>
<td>张三</td>
<td>18</td>
<

关注