jqueryを使用してphpmyadminで使用されるような動的なhtmlテーブルを作成するには？

Question

皆さんは、phpmyadminでどのようにテーブルがどのように見えるかを知っていると思います（私は、SQLテーブルの構造とデータを示すhtmlテーブルについて説明しています）。私はテーブルの左側にあるチェックボックスがチェックされ、再びクリックするとチェックボックスがデフォルトの状態に変わるという、自分のhtmlテーブルに同様の機能を追加しようとしていますこれはphpmyadminインターフェースのようにチェックされていません。また、行のクリック時にtrの色が変わり、2回目のクリック後にcssで指定されたデフォルトの色に再び変更されます。これはphpmyadminの場合と同じです。

Answer 1

非常にシンプル：http://jsfiddle.net/ZBF2r/2/

まずホバー効果：次に

$('tr').bind('mouseover mouseout', function() { 
    $(this).toggleClass("hover"); 
}); 

クリック効果：

$('tr').bind('click', function() { 
    $(this).toggleClass("active"); 

そして、チェックボックスを切り替える：

$(this).find("input[type=checkbox]").prop("checked", 
     (!$(this).find("input[type=checkbox]").prop("checked")) 
    ); 
});