jQuery_动态表格（简单易懂）

最新推荐文章于 2022-05-15 19:31:22 发布

葡萄籽-June

最新推荐文章于 2022-05-15 19:31:22 发布

阅读量1.2k

点赞数 2

分类专栏： Web阶段文章标签： jquery javascript html

本文链接：https://blog.youkuaiyun.com/m0_46613077/article/details/119898115

版权

这篇博客介绍了如何利用jQuery进行DOM操作，特别是动态创建表格的方法。文章包含样式展示和核心代码示例，适合初学者理解。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jQuery_动态表格

本篇文章主要是通过学习jQuery中DOM 的增删改等操作，而实践的一篇文章。

样式结果：

在这里插入图片描述

核心代码：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>动态操作表格</title>
    <script src="../jQuery/jquery-3.5.1.min.js"></script>
    <script>
        $(function () {
   
            var deleteFun = function () {
   
                // 阻止元素的默认行为：return false  因为a标签会默认跳转页面，若不想其跳转，可进行阻止
                /** confirm是JS提供的一个确认提示框函数
                */
                // 删除 表格的这行数据
                var $trObj = $(this).parent()