jQueryを使ってユーザー情報テーブルを追加・削除する方法-jsチュートリアル-php.cn

jQueryを使ってユーザー情報テーブルを追加・削除する方法

一个新手

リリース： 2017-09-12 09:10:39

オリジナル

1520 人が閲覧しました

1. ブラウザインターフェース

jQueryを使ってユーザー情報テーブルを追加・削除する方法

2. HTML コード

<body>
    <form name="userForm">
        <center>
            用户录入            <br />
            用户名:            <input id="username" name="username" type="text" size=15 />
            E-mail:            <input id="email" name="email" type="text" size=15 />
            电话:            <input id="tel" name="tel" type="text" size=15 />
            <input type="button" value="添加" id="btn_submit" />
            <input type="button" value="删除所有" id="btn_removeAll" />
        </center>
    </form>
    ----------------------------    <hr />
    <table border="1" align="center" cellpadding=0 cellspacing=0 width=400>
        <thead>
            <tr>
                <th>用户名</th>
                <th>E-mail</th>
                <th>电话</th>
                <th>操作</th>
            </tr>
        </thead>
        ----------------------------        <tbody id="userTbody">
            <tr>
                <td>乔峰</td>
                <td>qiao@163.com</td>
                <td>18212345678</td>
                <td>
                    <a href=&#39;#&#39; class=&#39;myClz&#39;>删除</a>
                </td>
            </tr>
        </tbody>
        ----------------------------    </table></body>

ログイン後にコピー