Question

我需要一些jQuery脚本的帮助:-)只是尝试使用jQuery ..我使用下面的脚本来选择select元素的选项。它适用于纯HTML，但在我的asp.net 2.0（Master + Content页面）中没有。脚本放在Head部分。

function pageLoad(){
   var allOddSelectOption  = "select option:odd";
   var evenStyle = "background-color:'#f4f4f4';color:'#555'";

   $(allOddSelectOption).attr('style',evenStyle);
}

我还尝试使用$(document).ready(function(){，但它也没有用。

任何想法，最受欢迎的提示？

Answer 1

检查css(properties)，您可以非常轻松地应用样式。

$(document).ready(function(){
  $("select option:odd").css({'background-color' : 'yellow', 'font-weight' : 'bolder'});
});

编辑：对于ASP .NET 2.0 $(document).ready()将起作用，因为你可以调用它multiple times即使它不在头部也没有问题。

对于ASP .NET 3.5

您可以在MasterPage中添加如下头部占位符：

<asp:ContentPlaceHolder id="head" runat="server">
</asp:ContentPlaceHolder>

然后在您的子页面中，您可以通过内容标记将html放入其中：

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
  <script language="JavaScript>
    //Scripts here!
  </script>
</asp:Content>

Answer 2

我会说在每种情况下都使用.addClass而不是添加内联css属性。这些在javascript中难以维护。

e.g $('#someDiv').addClass('odd');

Answer 3

当您使用母版页时，ASP.Net会修饰您的元素ID。它会提前放置很多东西，但最后留下原始ID。因此，您可以在ASP.Net服务器控件渲染上使用这样的选择器。

$("[id$=originalIdFromAspxPage]").attr...

$=部分表示这将匹配任何元素，其ID以您提供的ID结尾。

它不如直接ID选择器那么高效，但它在ASP.Net页面上就像一个魅力。

通过jquery选择html元素的着色

3 个答案: