使用jQuery应用CSS样式

Question

在Site.css中我有这个：

tr {
background-color: #fff;
}
.alt {
background-color: #ccc;
}

在我看来，我有这个：

$(document).ready(function() {
$('tr:even').addClass('alt');
});


<h2>Shakespeare's Plays</h2>
<table>

<tr >
<td>As You Like It</td>
<td>Comedy</td>
<td></td>
</tr>

<tr>
<td>All's Well that Ends Well</td>
<td>Comedy</td>
<td>1601</td>
</tr>

</table>

但我的偶数行没有造型......所有看起来都一样...... 我已经在我的项目中安装了jquery包

Answer 1

确保您的页面中包含jQuery。在您的脚本之前添加以下内容：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script>