$(document).ready(function(e) {
	// construire un élément <table>
	// nommée "echiquier"
	// l'insérer après l'élément 'h1'
	$('<table>', {'id':'echiquier'}).insertAfter($('h1') ) ;
	// compteur de cases
	var n = 0 ;
	var classe = "" ;

	// répéter 8 fois
	for (i = 0 ; i < 8 ; i++) {
		// ajouter à la table nommée echiquier
		// un élément <tr> nommé r0, r1, ... r7
		$('#echiquier').append($('<tr>', {'id' : 'r'+i})) ;
		// répéter 8 fois
		for (j = 0 ; j < 8 ; j++) {
			// si n est impair
			if (n % 2 > 0 ) {
				// la case est noire
				classe = 'noir' ;
			} else {
				classe = 'blanc' ;
			}
			// incrémenter n
			n++ ;
			// ajouter au 'tr' nommé r0, r1, ... ri
			$('#r'+i)
			// un élément 'td' nommé r0c0, r0c1, ..., ricj
			.append($('<td>', {'id' : 'r'+i+'c'+j,
								// avec un attribut
										'class' : classe
										}
								) // fin de $('<td>')
							) // fin de append


		} // boucle j
		n++ ;
	} // boucle i