JQuery操作实现增删改查的详细介绍

最新推荐文章于 2024-08-07 23:51:34 发布

磊磊磊磊磊子啊

最新推荐文章于 2024-08-07 23:51:34 发布

阅读量1.1w

点赞数 3

分类专栏： JQuery 文章标签： jquery 增删改查 JQuery文档操作

本文链接：https://blog.csdn.net/zsl_955200/article/details/53689009

版权

本文详细介绍了如何使用 JQuery 进行DOM操作，实现数据的增、删、改、查功能。通过实例代码解析，展示了JQuery在文档操作上的强大能力，帮助开发者更好地理解和应用 JQuery 进行前端数据管理。

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

最近在写一个项目，让实现表格的增删改查功能，其实网上模块也很多，拿来用就可以了，我以前就是这样，想实现一个功能就去找度娘，然后拿来稍加修改就用了，但是这样的久了，技术都忘了，都不会自己写了，这次我就用纯鸡块不仅仅实现了这样的一个功能，而且也加了一些操作，比如：向上移动和向下移动的操作，注释加的特别详细，以便以后回来看。

先贴一下html代码
没写样式，可能会比较丑，但是功能是有的

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            a{
                text-decoration: none;
                cursor: pointer;
                color: palevioletred;
            }
        </style>
    </head>
    <body>
        <a href="javascript:addUser();">添加用户</a>
        <input type="text" id="findInp"/>
        <a id="findUser">查找用户</a>
        <table border="1" cellspacing="0" cellpadding="3">
            <tr>
                <th>ID</th>
                <th>用户名</th>
                <th>密码</th>
                <th>操作</th>
            </tr>
            <tr>
                <td>1001</td>
                <td>张三</td>
                <td>123asd</td>
                <td>
                    <a id="up">更新</a>
                    <a id="del">删除</