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

如何用jquery更改<tr>的背景颜色？
那我该如何专注于使用jquery的<tr>元素？如何更改CSS样式，并随着时间的推移关注元素？

的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";

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>

来源

2013-08-23 MKK

尝试在看文档 http://api.jquery.com/css/ http://api.jquery.com/focus/ 然后提供一个更完整的示例，如果您仍然需要帮助 – TommyBs

您只能关注表单元素。如果你想用jquery color插件为动画的颜色设置动画功能https://github.com/jquery/jquery-color – jcubic

@jcubic我想要有一堆注释的固定大小的表格。所以我确实把滚动条。但它有时会改变桌子底部的的颜色。所以我想让它聚焦（跳转）它 – MKK

首先，它是无效的HTML有非唯一元素的ID。事实上，在HTML5之前，使用全数字ID也是无效的。他们需要以字母，数字，连字符，冒号或句点开头。

话虽这么说，你是经过如下：

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

我不知道你想从试图把重点非交互元素，以获得你，但是，但是可以通过使用.focus()方法来集中交互元素。

来源

2013-08-23 12:37:11 Phylogenesis

重点是什么？ – MKK

在这种情况下，“聚焦”是什么意思？你的意思是将行滚动到视图或其他东西？在这个例子中，这并不意味着什么，因为'tr'是非交互式的。 – Phylogenesis

我想拥有固定大小的表格以及一堆评论。所以我确实把滚动条。但它有时会改变桌子底部的的颜色。所以我想要它专注（跳转）它 – MKK

您可以使用超时这样的：

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

来源

2013-08-23 12:37:44

重点是什么？ – MKK

你可以通过调用'$（'tr＃5'）将焦点应用到一个带有jQuery的元素。focus（）' –

我试过，但没有关注:(请看这个http://jsfiddle.net/ N2paw/1/ – MKK

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

回答

相关问题