집 > 기사 > 웹 프론트엔드 > jQuery를 사용하여 사용자 정보 테이블을 추가하고 삭제하는 방법

jQuery를 사용하여 사용자 정보 테이블을 추가하고 삭제하는 방법

一个新手원래의: 2017-09-12 09:10:391493검색

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=&#39;#&#39; class=&#39;myClz&#39;>删除</a>
                </td>
            </tr>
        </tbody>
        ----------------------------    </table></body>

3.

위 내용은 jQuery를 사용하여 사용자 정보 테이블을 추가하고 삭제하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：

이전 기사：+,! 자바스크립트 함수 앞 사용법 소개다음 기사：+,! 자바스크립트 함수 앞 사용법 소개