前端小控件（输入项的增删改与位置移动）

最新推荐文章于 2024-07-16 19:27:18 发布

IOS_TXQ

最新推荐文章于 2024-07-16 19:27:18 发布

阅读量871

点赞数

分类专栏：网页开发文章标签： jquery 控件前端位置移动增删查改

本文链接：https://blog.csdn.net/IOS_TXQ/article/details/74327905

版权

本文介绍如何利用JQuery创建一个前端小控件，该控件支持输入框的动态增加、删除、修改内容及位置移动功能。通过JQuery简化DOM操作，详细代码演示实现过程。

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

最近做一个小控件，比较简单，可以动态增加输入框，删除，修改输入框内容并且实现输入框的上移与下移，其中用到了JQuery插件，毕竟JQuery操纵dom比yu原生的要简单一下，话不多说，直接上代码吧

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <script src="../js/jquery-1.9.0.min.js"></script>
        <style>
            .subInput{
                background: green;
            }
            .subInput:focus{
                background: red;
            }
        </style>
        <script>