ホームページ >ウェブフロントエンド >jsチュートリアル >jQueryを使ってユーザー情報テーブルを追加・削除する方法
jQueryを使ってユーザー情報テーブルを追加・削除する方法
- 一个新手オリジナル
- 2017-09-12 09:10:391591ブラウズ
1. ブラウザインターフェース
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='#' class='myClz'>删除</a>
</td>
</tr>
</tbody>
---------------------------- </table></body>
3.
以上がjQueryを使ってユーザー情報テーブルを追加・削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。