Javascript 如何更改CSS样式，并随着时间的推移关注元素？

如何使用jquery更改

的背景色？
那么如何使用jquery关注

元素呢

Javascript

$('tr#5').???????? to change background color of <tr#5> to #666666;
$('tr#5').???????? to focus on element "tr#1"; 

.
.
.
$('tr#5').???????? to change background color of <tr#5> back to #ffffff;
$('tr#10').???????? to change background color of <tr#10> to #666666;
$('tr#10').???????? to focus on element "tr#10"; 

$（'tr#5'）。？？？？？？？？将的背景色更改为#666666；
美元（'tr#5'）。？？？？？？？？关注“tr#1”要素；
.
.
.
美元（'tr#5'）。？？？？？？？？将背景颜色更改为#ffffff；
美元（'tr#10'）。？？？？？？？？将的背景色更改为#666666；
美元（'tr#10'）。？？？？？？？？关注“tr#10”要素；

HTML

<div style="border:solid 1px;height:70px; width:500px; overflow-y:scroll;">
    <table height="100" width="400">
    <tr id="5">
        <td>00:00:05</td>
        <td>hello! 5 secs has past</td>
    </tr>

    <tr id="10">
        <td>00:00:10</td>
        <td>hello! 10 secs has past</td>
    </tr>

    <tr id="10">
        <td>00:00:10</td>
        <td>hello! 10-2 secs has past</td>
    </tr>

    <tr id="11">
        <td>00:00:11</td>
        <td>hello! 11 secs has past</td>
    </tr>

    <tr id="30">
        <td>00:00:30</td>
        <td>hello! 30 secs has past</td>
    </tr>
    </table>
</div>

00:00:05
你好5秒过去了
00:00:10
你好10秒过去了
00:00:10
你好10-2秒过去了
00:00:11
你好11秒过去了
00:00:30
你好30秒过去了

首先，非唯一元素ID是无效的HTML。事实上，在HTML5之前，拥有所有数字ID也是无效的。它们需要以字母开头，后跟任意数量的字母、数字、连字符、冒号或句点

话虽如此，你所追求的是：

$('#5').css('background-color', '#666666');

---

但是，我不确定您试图通过关注非交互元素来获得什么，但是可以使用

.focus（）

方法来关注交互元素。

您可以使用如下超时：

setTimeout(function() { 
    $('tr#5').css('background', '#666666'); 
}, 5000);
setTimeout(function() { 
    $('tr#5').css('background', '#ffffff'); 
    $('tr#10').css('background', '#666666');
}, 10000);

---

尝试查看文档，然后提供一个更完整的示例，如果您仍然需要帮助，您可以只关注表单元素。如果你想用jquery color plugin@jcubic制作一个彩色动画函数，我希望有一个固定大小的表，里面有一堆注释。所以我确实放了滚动条。但它有时会改变桌子底部的颜色。所以我想让它聚焦（跳转到）它要跳转到它，你需要滚动到它，方法是将scrollTop属性更改为元素的

offset（）.top

。在这个例子中，“聚焦”是什么意思？您的意思是将行滚动到视图还是其他内容？在这个例子中，这并不意味着什么，因为

tr

是非交互式的。我希望有一个固定大小的表，其中包含大量注释。所以我确实放了滚动条。但它有时会改变桌子底部的颜色。所以我想让它集中（跳转到）查看有关如何滚动的提示。基本上，您需要类似于，

$（“#有滚动条的元素”）.scrollBy（0，50）

。我必须按px滚动它？我无法选择要跳转到的元素？滚动条是否显示在页面上，或者是否显示在带有

溢出：scroll

的元素上？如果是第一个，则

document.scrollTo（0，$（'tr:last'）.offset（）.top）

就可以了。您可以通过调用

$（'tr#5'）将焦点应用到元素。focus（）

我尝试过，但它没有聚焦：（请看这个，我更新了你的JSFIDLE，将颜色应用到第11行并滚动到它。我还使用了类而不是ID，并动态地应用了按钮单击。这就是你想要的吗？谢谢，我可以看到URL吗？随时！祝你编码愉快。