Wie kann ich „!important'-Stile mit der Methode „.css()' von jQuery anwenden?

Anwenden des Stils „!important“ mit .css()

Beim Versuch, einen Stil mit dem Attribut „!important“ mithilfe der Methode „.css()“ von jQuery anzuwenden, Möglicherweise stoßen Sie auf Probleme. Obwohl der folgende Code:

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

intuitiv erscheint, wendet er den Breitenstil nicht an, da jQuery „!important“ nicht analysieren kann. Um dies zu umgehen, ziehen Sie die folgenden Alternativen in Betracht:

Verwenden Sie addClass()

Erstellen Sie eine CSS-Klasse mit dem gewünschten „!important“-Stil:

.importantRule { width: 100px !important; }

Dann fügen Sie hinzu diese Klasse zum Zielelement:

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

Verwenden von attr()

Legen Sie fest „style“-Attribut des Elements mit dem „!important“-Stil:

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

Beachten Sie, dass dadurch alle vorhandenen Inline-Stile überschrieben werden.

Vorhandene Inline-Stile beibehalten

Zu Behalten Sie vorhandene Inline-Stile beim Hinzufügen des „!important“-Stils bei:

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

Dieser Ansatz hängt die an „!important“-Stil zur ursprünglichen Inline-Stilzeichenfolge.

Das obige ist der detaillierte Inhalt vonWie kann ich „!important'-Stile mit der Methode „.css()' von jQuery anwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!