Frage Hinzufügen und Entfernen von Stilattributen aus div mit jquery


Ich habe ein Projekt geerbt, an dem ich gerade arbeite, und ich aktualisiere einige Jquery-Animationen (sehr wenig Übung mit jQuery).

Ich habe ein div, das ich hinzufügen und das style-Attribut entfernen muss. Hier ist das Div:

<div id='voltaic_holder'>

An einer Stelle in der Animation muss ich einen Stil hinzufügen:

<div id='voltaic_holder' style='position:absolute;top:-75px'>

Ich habe gesucht und gefunden .removeAttr() Methode, aber ich kann nicht sehen, wie Sie es hinzufügen, oder sogar Remote-Teile davon (wie oben: -75px nur).

Vielen Dank,


75
2018-03-22 16:57


Ursprung


Antworten:


Sie können Folgendes tun

Legen Sie jede Stileigenschaft einzeln fest:

$("#voltaic_holder").css("position", "relative");

Legen Sie mehrere Stileigenschaften gleichzeitig fest:

$("#voltaic_holder").css({"position":"relative", "top":"-75px"});

Entfernen Sie einen bestimmten Stil:

$("#voltaic_holder").css({"top": ""});
// or
$("#voltaic_holder").css("top", "");

Entfernen Sie das gesamte Stilattribut:

$("#voltaic_holder").removeAttr("style")

174
2018-03-22 17:02



So entfernen Sie das Stilattribut des voltaic_holder Spannweite, tu dies:

$("#voltaic_holder").removeAttr("style");

Um ein Attribut hinzuzufügen, tun Sie Folgendes:

$("#voltaic_holder").attr("attribute you want to add", "value you want to assign to attribute");

So entfernen Sie nur den obersten Stil:

$("#voltaic_holder").css("top", "");

17
2018-03-22 17:01



Wenn Sie jQuery verwenden, verwenden Sie css CSS hinzufügen

$("#voltaic_holder").css({'position': 'absolute',
    'top': '-75px'});

So entfernen Sie CSS-Attribute

$("#voltaic_holder").css({'position': '',
    'top': ''});

15
2018-03-22 17:00



Der einfachste Weg, dies zu bewältigen (und die beste zu bootende HTML-Lösung), besteht darin, Klassen mit den gewünschten Stilen einzurichten. Dann ist es eine einfache Sache der Verwendung addClass () und removeClass (), oder auch toggleClass ().

$('#voltaic_holder').addClass('shiny').removeClass('dull');

oder auch

$('#voltaic_holder').toggleClass('shiny dull');

7
2018-03-22 17:01



Anwer ist hier So fügen Sie dynamisch einen Stil für die Textausrichtung mithilfe von jQuery hinzu


1
2018-03-22 17:01