jQueryのは、CRUDを達成します

<！DOCTYPE HTML> 
<HTML LANG = "ZH"> 
<HEAD> 
	<メタ文字コード= "UTF-8" /> 
	<メタ名= "ビューポート"コンテンツ= "幅=装置幅、初期の規模= 1.0" / > 
	<META HTTP-当量= "X-UA-互換性のある"コンテンツ= "IE =エッジ" /> 
	<タイトル>ドキュメント</ TITLE> 
	<スクリプトSRC = "JS / jQuery.js"タイプ= "テキスト/ javascriptの"文字セット= "UTF-8"> </ SCRIPT> 
	<スタイルタイプ= "テキスト/ CSS"> 
		TR { 
			テキスト整列：センター。
			高さ：40ピクセル; 
			幅：100ピクセル;		
		} 
		入力{ 
			高さ：40ピクセル。
			国境：なし; 
			概要：なし。
			幅：100ピクセル;
	<テーブルIDが= "タブ"ボーダー= "1" CELLSPACING = "0" CELLPADDING = "0"幅= "450" = "センター"整列> 
		<TR> <TD COLSPAN = "5" = "センター"整列を> <ボタンID =クラス"を追加" = "BTN">添加</ボタン> </ TD> </ TR> 
		<TR> <TH>序号</番目> <TH>姓名</番目> <TH>爱好</目> <スタイル= "幅：100pxに、"目>修改</> <番目のスタイル= "幅：100pxに、"目>删除</> </ TR>番目の
	</ TABLE>	 
</ BODY> 
<スクリプトタイプ= "テキスト/ javascriptの"> 
	VAR I = 0、J = 0、K = 0、M = 0。	
	$（ "＃アド"（）関数（）{]をクリックします。
		I = $（ "TR"）を長さ-2;。
		私は++; 
		$（ "＃タブ"）< '（追加。
	$（ "＃タブ"）上（ "クリック"、 "＃デル"、機能（）{。
		K = $（この）.parent（）親（）インデックス（）;。。
		VARフラグ=確認（ "确定要删除吗"）;？ 
		（フラグ）{もし
			$（この）.parent（）親（）（削除）; 
			M = $（" TR "）長さ;			 
			（N = kについて、N <Mであり; n ++ ）{ 
				にconsole.log（N-1）
				。$（ "＃タブTR"）当量（N）.children（）は式（0）の.text（N-1）; 
			} 
		} 
	}）。
	
	$（ "＃タブ"）上の（ "ぼかし"、 "入力[タイプ=テキスト]"は、関数（）{。
		$（この）.prop（ '無効'、真の）; 
		$（この）の.css（{」色'：'赤'}）
	}）。
	
	。 "TXT2" $（ "＃タブ"）上の（ "ぼかし"、関数（）{ 
		VAR BB =確認（ "姓名：" + $（」。TXT1' ）.val（）+ "爱好：" + $（この）.val（））; 
		（！BB）{場合
			。$（ "TXT1 "）のval（""）; 
			$（この）.val（ ""）;
		} 
	}）。
	
	$（ "＃タブ"）（ "クリック"、 "＃のXG"に、機能（）{。
		$（この）.parent（）prevAll（））、子供（）小道具（、 '無効'はfalse;。。。
/ /警報（ "可以修改了！"）
	}）; 
</スクリプト> 
</ HTML>
jQueryのは、CRUDを達成します

おすすめ
