c# - 如何将jquery添加到asp.net页面并格式化gridview列

Question

我看过多篇关于使用 jquery 格式化 gridview 行的文章/问题。不过，请考虑这是我第一次尝试编写 jquery 并在 asp.net 页面中使用它。

我设法执行以下操作，但它对 gridview 没有任何作用。我做错了什么？

    <script src="Scripts/jquery-1.6.1.min.js" type="text/javascript"></script>  
</head>

在正文部分中，创建 GridView1 后:

<script language="javascript" type="text/javascript">
$(document).ready(function () {
    $("#<%=GridView1.ClientID%> td:nth-child(odd)").css("background-color", "#FFCCCC");
    $("#<%=GridView1.ClientID%> td:nth-child(even)").css("background-color", "#99CCFF");
});
</script>

我还在脚本文件夹中将此 jquery 保存为 jqueryColumnColours.js。那么第二个问题，如何使用 .js 文件而不在 aspx 页面中真正编写上述函数？

编辑:

        $(document).ready(function () {
            $("#GridView1 td:nth-child(odd)").css("background-color", "#FFCCCC");
            $("#GridView1 td:nth-child(even)").css("background-color", "#99CCFF");
        });

Answer 1

包含最新的 jquery，例如:

 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>

并在关闭正文部分之前添加脚本标记，

        </form>

    <script type="text/javascript">

        $("#grid td:nth-child(odd)").css("background-color", "Tan");

    </script>
</body>

希望对你有帮助!!!

<小时/>

编辑，作者:bonCodigo:对我的页面有效的唯一更改是使用 http:// 而不是 //

<script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.js" type="text/javascript"></script>