Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Wie entferne ich mit jQuery bestimmte CSS-Eigenschaften aus einem Div?

Linda Hamilton
Freigeben: 2024-11-06 06:55:03
Original
138 Leute haben es durchsucht

How to Remove Specific CSS Properties from a Div Using jQuery?

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">$(&quot;#displayPanel div&quot;).live(&quot;click&quot;, 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.

Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!