如何将 jquery 添加到 asp.net 页面并格式化 gridview 列答案

【问题标题】：How to add jquery to asp.net page and format gridview columns如何将 jquery 添加到 asp.net 页面并格式化 gridview 列
【发布时间】：2014-07-04 06:02:18
【问题描述】：

我看过多篇关于使用 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。那么第二个问题，如何在没有真正在aspx页面中编写上述函数的情况下使用.js文件？

编辑：

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

【问题讨论】：

始终使用来自jquery.com 的最新 jquery 插件，无需在 jquery 中编写来选择元素.. 只需使用 $("#Gridview1 td:nth-child(odd)" )...它是enuf!!!
@Aj_sari 仍然没有运气。请查看我的编辑。
看看我的答案，它对我很有效！

标签： c# javascript jquery asp.net gridview

【解决方案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>

希望对你有帮助！！！

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

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

【讨论】：

在脚本文件夹中我没有看到最新的 jQuery 版本。这会是个问题吗？无论如何，我已经完全按照你的说法宣布了。但一点运气都没有......虽然它只是页面中的一个 GridView - 我在 c# 代码中使用另一个 Gridview 来分组这个物理 gridview 的标题。
用我的更新你的
"//ajax 表示找不到文件。所以我把单/还是一样的...输出
它是托管在云上的 jquery 文件...无需更改任何工作...保持原样...
你知道我发现了这个问题.. ;) <script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.js" type="text/javascript"></script> 这意味着...... // 实际上是 http:// 但我接受了你的。其次，这不会为整个网格视图着色。子标题未着色...仅对一组列而不是全部着色的任何可能性。假设从列索引 3 开始到最后：所有赔率和所有偶数。