Раскраска Выбрать элемент HTML по jquery

Question

Мне снова нужна помощь со скриптом jQuery :-) Просто пытаюсь поиграть с jQuery..Я использую скрипт ниже для вариантов окраски элемента select. Это работает в чистом HTML, но в моем asp.net 2.0 (Master + Content pages) нет. Скрипт находится в разделе «Голова».

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

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

Я также пытался использовать $(document).ready(function(){, но это тоже не сработало.

Любые идеи, советы приветствуются?

Answer 1

Отметьте css (свойства) , вы можете очень легко применять стили.

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

РЕДАКТИРОВАТЬ: Для ASP .NET 2.0 $(document).ready() будет работать, так как вы можете назвать его несколько раз , у вас не будет проблем, даже если он не находится в разделе head.

---

Для ASP .NET 3.5

Вы можете добавить в свою мастер-страницу заполнитель заголовка следующим образом:

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

и затем на своих дочерних страницах вы можете поместить html в него с помощью тега Content:

<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 украшает ваши идентификаторы элементов, когда вы используете главные страницы. Это поместит много материала вперед, но в конце оставьте свое оригинальное удостоверение личности. Из-за этого вы можете использовать подобный селектор в рендеринге серверного элемента управления ASP.Net.

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

Часть $= означает, что это будет соответствовать любым элементам с идентификатором, который заканчивается идентификатором, который вы ему дали.

Он не так эффективен, как прямой селектор идентификаторов, но работает как шарм на страницах ASP.Net.