<html lang="en"><head><title>jQuery :first-child Selector Selct First Table Row</title><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script><script>$(document).ready(function(){ $('.mybtn').click(function(){ $( "table.mytable tr:first-child" ).css( "background", "yellow" ); });});</script><style>.mytable{ border-collapse:collapse;}.mytable tr th, .mytable tr td{ border: 1px solid #ccc;}</style></head><body><h2>jQuery :first-child Selector Selct First Table Row</h2> <p><button type="button" class="mybtn">Click to Color First Child Row</button></p><table class="mytable"> <tr> <th>Sr No</th> <th>Name</th> </tr> <tr> <td>1</td> <td>Guitar</td> </tr> <tr> <td>2</td> <td>Bongo Drum</td> </tr> <tr> <td>3</td> <td>Flute</td> </tr> <tr> <td>4</td> <td>Harmonium</td> </tr> <tr> <td>5</td> <td>Organ</td> </tr></table></body></html>