Изящная деградация jQuery

Если вы рассматриваете «Каскадный порядок» css, не могли бы вы просто добавить стиль css в самый конец всего вашего предыдущего определения css, чтобы отменить любой эффект css, который у вас есть в настоящее время для эффекта всплывающей подсказки?

Это правило css будет объявлено только в том случае, если Javascript активирован и обнаружен JQuery.

Таким образом, вы уверены, что ваш эффект всплывающей подсказки css не конфликтует с вашим эффектом JQuery.

Что-то типа:

a.info:hover span{ display:none}

с использованием класса "js_enabled", чтобы сделать это правило css условным.

Вы также можете сделать это с помощью добавление правила css на лету:

function createCSSRule(rule,attributes)
{
    //Create the CSS rule
    var newRule = "\n"+rule+"{\n";
    for (var attribute in attributes)
    {
        newRule += "\t" + attribute + ": " + attributes[attribute] + ";\n";
    }
    newRule += "}\n";

    //Inject it in the style element or create a new one if it doesn't exist
    styleTag = $E('style[type = "text/css"]') || new Element("style").setProperty('type','text/css').injectInside(document.head);
    if (window.ie)
    {
        styleTag.styleSheet.cssText += newRule;
    }
    else
    {
        styleTag.appendText(newRule);
    }
}

Самое простое решение для Разделение CSS и Javascrip - это удалите свой класс css

function jscss(a,o,c1,c2)
{
  switch (a){
    case 'swap':
      o.className=!jscss('check',o,c1)?o.className.replace(c2,c1): <-
      o.className.replace(c1,c2);
    break;
    case 'add':
      if (!jscss('check',o,c1)){o.className+=o.className?' '+c1:c1;}
    break;
    case 'remove':
      var rep=o.className.match(' '+c1)?' '+c1:c1;
      o.className=o.className.replace(rep,'');
    break;
    case 'check':
      return new RegExp('\\b'+c1+'\\b').test(o.className)
    break;
  }
}

В этом примере функции используются четыре параметра:

a
определяет действие, которое должна выполнять функция. o
рассматриваемый объект. c1
название первого класса
c2
название второго класса

Возможные действия:

swap
заменяет класс c1 на класс c2 в объекте o.
add
добавляет класс c1 к объекту o.
remove
удаляет класс c1 из объекта o.
check
проверить, применяется ли класс c1 к объекту o и возвращает ли он истину или ложь.

Если что-то можно сделать полностью с помощью CSS, я говорю, что так и будет. Если отсутствие javascript в браузере вызывает беспокойство, то большую часть времени я показываю целую страницу без изменений.

Скажем, например, я собираюсь использовать jQuery для переключения элемента при щелчке флажка. При загрузке страницы я смотрю на флажок и соответствующим образом обновляю элемент. Если javascript не включен, элемент все равно будет отображаться, и сайт по-прежнему будет доступен для использования. Просто не так хорошо.

Чувак, у тебя же браузерная игра? У вас менее 1% пользователей с отключенным JS! И этот 1% - апокалиптическое число, потому что я могу СТАВИТЬ, что у вас меньше этого;)

В любом случае, если вас это действительно беспокоит, просто создайте сайт без какого-либо JavaScript. И сделать его работоспособным на 100%. После того, как ваш сайт будет работать полностью без какой-либо разновидности JS, просто начните улучшать его с помощью jQuery (или любой другой библиотеки; jQuery - лучший вариант: P). Но с осторожностью: не изменяйте НИКАКОГО из вас HTML. Это проще, чем кажется;)

И да, если у вас есть вещи, которые работают без JS (например, эти всплывающие подсказки), сохраните их!