jQueryは動的タグイベントを実装します

<本文>
    <テーブル id="テーブルID" 境界線="1" 配置="中央" 幅="60%">
        <tr>
            <th>ユーザー名</th>
            <th>パスワード</th>
            <th>オペレーション</th>
        </tr>
        <tbody id="tbodyID"></tbody>
    </テーブル>
    <時間 />
    ユーザー名:
    <input type="text" id="usernameID" /> パスワード:
    <input type="text" id="パスワードID" />
    <input type="button" value="追加" id="addID" />
</本文>
<script type="text/javascript">
    //「追加」ボタンを見つけてクリックイベントを追加します $("#addID").click(function() {
        //ユーザー名とパスワードの値を取得します。 var username = $("#usernameID").val();
        var パスワード = $("#passwordID").val();
        //両側のスペースを削除します username = $.trim(username);
        パスワード = $.trim(パスワード);
        //ユーザー名またはパスワードが入力されていない場合 if (username.length == 0 || password.length == 0) {
            // ユーザーに警告を表示します ("ユーザー名またはパスワードが入力されていません");
        } それ以外 {
            //tr タグを作成します var $tr = $("<tr></tr>");
            // 3 つの td タグを作成します var $td1 = $("<td>" + username + "</td>");
            var $td2 = $("<td>" + パスワード + "</td>");
            var $td3 = $("<td></td>");
            //入力タグを作成し、削除ボタンとして設定します。var $del = $("<input type='button' value='Delete'>");
            //削除ボタンのクリックイベントを動的に追加します $del.click(function() {
                //ボタンのすべての行、つまり $tr オブジェクトを削除します $tr.remove();
            });
            //td3 タグに削除ボタンを追加します $td3.append($del);
            // 3 つの td タグを順番に tr タグに追加します $tr.append($td1);
            $tr.append($td2);
            $tr.append($td3);
            // tr タグを tbody タグに追加します $("#tbodyID").append($tr);
            // ユーザー名とパスワードのテキスト ボックスの内容をクリアします $("#usernameID").val("");
            $("#パスワードID").val("");
        }
    });
</スクリプト>