javascript - 如何更改 jQuery 中控件的 css

Question

我想通过jquery改变一个td的css。请帮忙解决这个问题。这对我不起作用$("#tdTopMenu").css({ "backgroundColor": "黑色", "颜色": "白色"});

aspx代码:

 <table border="0" cellspacing="0" width="100%">
    <tr>
        <td id = "tdTopMenu" runat = "server" style="width: 100%" class="hideColumn">
            <asp:Literal ID="Literal1" runat="server"></asp:Literal>
        </td>
    </tr>
</table>

Jquery 代码:

<script type="text/javascript">
        $(document).ready(function () {

            $("#jMenu").jMenu({
                ulWidth: '150',
                effects: {
                    effectSpeedOpen: 300,
                    effectTypeClose: 'slide'
                },
                animatedText: false
            });

            $("#tdTopMenu").css({ "backgroundColor": "black", "color": "white" });    
        });

      </script>

Answer 1

$("#<%=tdTopMenu.ClientID%>").css({ "backgroundColor": "black", "color": "white" });

ASP.NET Web 表单在呈现为 HTML 时会更改 ID，因此您需要检索客户端 ID，而不是使用服务器 ID。

或者，您可以将 ClientIdMode="Static"添加到 tdTopMenu。