Question

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

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

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

在body部分中，创建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");
        });

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>

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

1 个答案: