如何在单击时突出显示表TD？

Question

基本上，我有一个下面的表格网格，只是更大了。

<table>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>

并且iv使用CSS制作了所有60px x 60px的正方形，它们将不包含任何数据，但是我希望能够单击各个正方形，以便改变背景颜色，如果我再次单击，它将返回到原始背景色。但是我希望能够突出显示尽可能多的正方形。我知道它将用JavaScript编写，但是我该怎么做？

Answer 1

5
投票

尝试一下：

Answer 2

好吧，我将在jQuery中发布代码，因为我从不喜欢标准JS如何与选择元素一起使用。.;）

Answer 3

$("td").click(function(){
    $(this).toggleClass("active");
});

Answer 4

0
投票

在jQuery中：

Answer 5

[请问如何将这些代码添加到我的html代码中？？我是编程新手，我正尝试做完全一样的!!我找到了你们写的代码，它们很棒..但是我应该将它们粘贴到我的代码中吗？如果您可以告诉我，这是我的代码