jQuery fadeTo 效果应用于 ;

Question

我想使用 jQuery 将 fadeTo 效果添加到 标记。这应该是可以的吧？这是我的代码：

if ($) {
    $(document).ready(function() {
        $("tr[id$='_trPendingRequest_Manager']").fadeTo("slow", 0.33);
    });
}

无论出于何种原因，效果都没有发生。

我决定进行更多测试，并在包含此 的表格正上方添加了一个段落标记，并且我能够成功地将 fadeTo 效果应用到段落标签。因此，这让我认为不能将 fadeTo 效果应用于 标签。

任何有智慧的人都不介意与我分享为什么我不能让它发挥作用？

编辑：这是的html，其中>我正在尝试将效果应用到其中。

<table>
  <tr id="trPendingRequest_Manager" runat="server" style="display: none;" valign="middle">
    <td valign="middle">
      <asp:Image id="imgExc" runat="server" ImageUrl="~/Images/Mail_24x24.png" />
    </td>
    <td>&nbsp;</td>
    <td valign="middle">
      <asp:HyperLink ID="hypPendingRequest" runat="server" NavigateUrl="~/MyManagedRequests.aspx" Font-Bold="true" Font-Size="Medium" Font-Underline="false" ForeColor="Black">You have <asp:Label ID="lblRequestsNum" runat="server"></asp:Label>request(s) pending your action
       </asp:HyperLink>
    </td>
  </tr>
  <tr>... Removing the rest for brevity ... </tr>
</table>

Answer 1

它工作得很好。如果这是唯一的 ID，那么您甚至不需要指定 tr 或匹配选择器，只需这样即可完成工作：

$(document).ready(){function(){
    $("#_trPendingRequestManager").fadeTo('slow','0.33');
});

编辑：-

因为我怀疑 id 来自 runat="server" 项。您可以使用它来加快速度。

$(document).ready(function(){
    $("#<%=trPendingRequestManager.ClientID %>").fadeTo('slow','0.33');
});

我认为开始 _ 让它表现得很有趣。有关使用 ClientID 属性加速的更多信息，请阅读 戴夫的这篇文章。

还要删除“display：none”，这是罪魁祸首！

如果您不想删除 display:none，只需将其链接起来将不透明度设置为 0

$("#<%=trPendingRequestManager.ClientID %>")
 .css('opacity','0').show() //make transparent and show
 .fadeTo('slow','0.33')

我发现了这个 此处

Answer 2

一般来说，根据我的经验，tr 元素无法正常操作。例如，您可以向 tr 元素添加背景颜色（例如斑马条纹），但如果您希望每个 tr“行”之间有一条线，那么您必须将 css 边框添加到其下方的 td 元素，否则它不会好像有什么作用。

我的猜测是，这是类似的东西。您可能必须尝试在相关 tr 元素的每个子 td 元素上执行 fadeTo...不知道，我承认我没有测试任何内容。