Supprimer CSS à partir de sélectionner à l'aide de jQuery

J'ai eu plus d'une feuille de style css appliquée à une entrée, d'un défaut et d'autres à personnaliser. Je souhaite désactiver le css par défaut, mais pas les autres. J'ai essayé de l'enlever avec:

$j('#teste').css("max-width", "");

et

$j('#teste').removeAttr("max-width");

Ces moyens, de supprimer tous les css. Comment puis-je le faire avec jQuery?

InformationsquelleAutor Allice | 2009-09-02
  1. 7

    Je suis en supposant que vous avez un mondial de max-width ensemble et vous souhaitez la remplacer pour #teste? De toute façon il doit faire ce que vous désirez:

    $j('#teste').css("max-width", "none");

    Comme d'autres l'ont mentionné ce qui peut être fait avec des droites CSS:

    #teste {
    max-width: none;
}
    • C'est la bonne réponse, je vous remercie.
    InformationsquelleAutor aaronfarr
  2. 3

    Ici est une simple extension de fonction que j'ai écrite pour notre projet, qui supprime CSS attribut(s) précédemment défini par $(...).css(). Il modifie seulement le "style" de l'attribut si un style est défini par une classe, vous devez supprimer l'ensemble de la classe ou de surcharger le style.

    Vous l'utilisez comme $(...).removeCss('color', 'font-weight');

    $.fn.removeCss = function() {
  var removedCss = $.makeArray(arguments);
  return this.each(function() {
    var e$ = $(this);
    var style = e$.attr('style');
    if (typeof style !== 'string') return;
    style = $.trim(style);
    var styles = style.split(/;+/);
    var sl = styles.length;
    for (var l = removedCss.length, i = 0; i < l; i++) {
      var r = removedCss[i];
      if (!r) continue;
      for (var j = 0; j < sl;) {
        var sp = $.trim(styles[j]);
        if (!sp || (sp.indexOf(r) === 0 && $.trim(sp.substring(r.length)).indexOf(':') === 0)) {
          styles.splice(j, 1);
          sl--;
        } else {
          j++;
        }
      }
    }
    if (styles.length === 0) {
      e$.removeAttr('style');
    } else {
      e$.attr('style', styles.join(';'));
    }
  });
};
    InformationsquelleAutor sereda
  3. 2

    utiliser les classes css et ajouter/supprimer pour contrôler les styles.

    $('#id').addClass('foo');

$('#id').removeClass('foo');
    • J'ai essayé aussi, mais pas de travail, comment je l'espère.
    • euh comment voulez-vous dire. Elle na pas de supprimer la classe de l'élément? Peut-être si vous pouviez poster plus de code et à l'élaboration de vos questions.
    InformationsquelleAutor redsquare
  4. 2

    $.toggleClass() peut être plus efficace si vous avez une feuille de style avec une classe unique de la "coutume" styles qui doivent être appliqués après le défaut, puis rapidement retiré.

    $('selector').toggleClass('foo');

    Cela va ajouter de la classe foo si il n'est pas présent, et de les supprimer si le ou les élément(s) n'a pas la classe foo. Voir la jQuery toggleClass documentation

    Si tous de votre style inline (), vous pouvez utiliser le removeAttr méthode:

    $('selector').removeAttr('style');
    InformationsquelleAutor tbeseda
  5. 1

    Vous ne pouvez pas (comme d'autres personnes l'ont déjà dit) supprimer un style qui est appliquée par l'intermédiaire des feuilles de style. Vous pouvez toutefois remplacer le style. Par exemple, si max-width est appliquée par l'intermédiaire d'une feuille de style, vous devriez être en mesure de la remplacer par la modification de la valeur ou le paramètre "auto":

    $('#teste').css("max-width", "999999px");

    ou éventuellement:

    $('#teste').css("max-width", "auto");

    Cela étant dit, je suis d'accord avec les autres postes que le meilleur pari est probablement juste de réparer votre css et éventuellement à bascule de style en utilisant une classe.

    InformationsquelleAutor Prestaul