< html>
$(document).ready(
function() {
$('table').hover(
function() {
$('td').addClass('myHover');
},
function() {
$('td').removeClass('myHover');
}
)
.click(
function() {
$('td').toggleClass('mySelected');
}
);
}
);
td {
width: 100px;
height: 100px;
border: 1px solid rgb(200, 200, 200);
}
td.myHover {
background: yellow;
}
td.mySelected {
background: C;
}