Comment puis-je appliquer des styles « !important » à l'aide de la méthode « .css() » de jQuery ?

Application du style !important avec .css()

Lorsque vous essayez d'appliquer un style avec l'attribut "!important" à l'aide de la méthode ".css()" de jQuery, vous pourriez rencontrer des problèmes. Bien que le code suivant :

$("#elem").css("width", "100px !important");

semble intuitif, il n'applique pas le style de largeur en raison de l'incapacité de jQuery à analyser "!important". Pour surmonter ce problème, envisagez les alternatives suivantes :

Utiliser addClass()

Créez une classe CSS avec le style "!important" souhaité :

.importantRule { width: 100px !important; }

Ensuite, ajoutez cette classe à l'élément cible :

$('#elem').addClass('importantRule');

Utilisation de attr()

Définissez le "style" attribut de l'élément avec le style "!important" :

$('#elem').attr('style', 'width: 100px !important');

Notez que cela écrase tous les styles en ligne existants.

Préserver les styles en ligne existants

Pour conserver les styles en ligne existants styles tout en ajoutant le style "!important":

$('#elem').attr('style', function(i,s) { return (s || '') + 'width: 100px !important;' });

Cette approche ajoute le style "!important" à l'original en ligne chaîne de style.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!