The jQuery API :nth-child() selector allows you to specify a child of the parent selector. You can also specifiy all the even or odd numbered children of an element, and so forth. With CSS3, you can also do some of these manipulations, by when using jQuery, you can change these settings as a result of an event or do more extensive manipulations with the content.

Our example will do some manipulations with the <td> and <tr> children of a <table> element.

$("tr:nth-child(even)").css("background-color", "#FBF6FF");
$("td:nth-child(1)").css("font-weight","bold");
$("td:nth-child(2)").css("font-size",".8em");

In the script above, the first line selects every other <tr> or row tag for the table and changes the background color. The second line selects the first <td> child and the third line selects the second <td> child.

The HTML for this example:

<table>
<tbody>
    <tr>
        <td>TOPIC A</td>
        <td>Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium</td>
        <td>Perspiciatis</td>
    </tr>
    <tr>
        <td>TOPIC B</td>
        <td>Quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos</td>
        <td>Voluptas</td>
    </tr>
    <tr>
        <td>TOPIC C</td>
        <td>At vero eos et accusamus et iusto odio dignissimos ducimus, qui blanditiis praesentium</td>
        <td>Accusamus</td>
    </tr>
    <tr>
        <td>TOPIC B</td>
        <td>Quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos</td>
        <td>Voluptas</td>
    </tr>
</tbody>
</table>

The result: