1. Add styles for odd and even rows of the table
$(function(){
$('tr:odd').addClass("odd");
$('tr:even').addClass("even");
});
Not counting the head of the watch
$(function(){
$('tbody>tr:odd').addClass("odd");
$('tbody>tr:even').addClass("even");
});
2. Highlight the control line of the marquee
$('tobdy>tr').click(function(){
$(this).addClass('selected')
.siblings().removeClass('selected')
.end() //Returns the object again
.find(':radio').attr('checked',true);
});
3. Highlight the control line of the check box
$('tobdy>tr').click(function(){
if( $(this).hasClass('selected') ){ //Determines whether there is a selected highlighted style
$(this).removeClass('selected')
.find(':checkbox').attr('checked',false);
}else{
$(this).addClass('selected')
.find(':checkbox').attr('checked',true);
}
});
4. Table content screening
$(function(){
$('table tbody tr').hide()
.filter(":contains( li )").show();
});