Heim > Artikel > Web-Frontend > Wie entferne ich mit jQuery bestimmte CSS-Eigenschaften aus einem Div?
CSS aus einem Div mit jQuery entfernen
In Ihrer Anwendung verfügen Sie über einen Click-Event-Handler, der CSS-Eigenschaften auf ein Div anwendet. Nachdem Sie jedoch andere Funktionen ausgeführt haben, möchten Sie das angewendete CSS entfernen. So können Sie dies mit jQuery erreichen:
<p>In my App I have the following:</p> <pre class="brush:php;toolbar:false">$("#displayPanel div").live("click", function(){ $(this).css({'background-color' : 'pink', 'font-weight' : 'bolder'}); // Perform other functionalities here // Remove the applied CSS $(this).css({'background-color' : '', 'font-weight' : ''}); });
When I click on a Div, the color of that Div is changed. Within that Click function I have some functionalities to do. After all that I want to remove the applied Css from the Div. How could I do it in JQuery?
”问题答案:“You can remove specific CSS that is on the element like this:
$(this).css({'background-color' : '', 'font-weight' : ''});
Although I agree with karim that you should probably be using CSS classes.
”Die Methode css() akzeptiert ein Schlüssel-Wert-Paar-Objekt als Argument. Indem Sie eine leere Zeichenfolge ('') als Wert übergeben, entfernen Sie effektiv die angegebene CSS-Eigenschaft. In diesem Fall entfernen wir sowohl die Eigenschaften „Hintergrundfarbe“ als auch „Schriftstärke“, die zuvor auf das Div angewendet wurden.
Das obige ist der detaillierte Inhalt vonWie entferne ich mit jQuery bestimmte CSS-Eigenschaften aus einem Div?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!