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

我已经看到多篇关于使用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另存为scripts文件夹中的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,例如:

 <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>  

在提交时在表单操作中获取变量丢失 - javascript

            当表单由onchange事件提交时,它不会保留get变量view。任何想法为什么会发生这种情况?提交后,这是它进入的网址,index?month=February&year=2014<form action="index?view=list" class="pure-form pure-fo…

选择后显示输入元素 - javascript

我有一个表格,其中取决于用户的选择,输入元素是否可见。实际上,用户正在以另一种形式设置已定义的合作伙伴类型,并且如果选中该元素,则允许在该类型的合作伙伴上可见的元素类型1将显示以下元素:<input type="text" id="partner" name="partner" class=&…

Javascript-从当前网址中删除查询字符串 - javascript

单击提交按钮后,我需要从网址中删除查询字符串值。我可以用jQuery做到这一点吗?当前网址:siteUrl/page.php?key=value 页面提交后:siteUrl/page.php 实际上,我已经从另一个带有查询字符串的页面着陆到当前页面。我需要在页面首次加载时查询字符串值以预填充一些详细信息。但是,一旦我提交了表格,我就需要删除查询字符串值。我已…

JavaScript将PHP中的字符串和整数传递给函数 - javascript

我正在尝试将字符串和整数都传递到同一函数中,但是引号引起了问题。我发现错误出在echo $q->info部分,我必须在此代码上使用双引号。有人可以帮我写这个$q->info,但不能获得真正的价值吗?到目前为止,我的代码是<td><a href="javascript:add(<?php echo $q->i…

Ajax表单未获得结果 - javascript

我有一个带有搜索功能的主页。从主页搜索可以正常工作,但是当我尝试使用ajax表单(在url.com/search?id=biology上)再次搜索时,我被重定向到404页面,提示未找到/Search。主页上的表格:@using (Html.BeginForm("Index", "Search", new { Retur…