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

Removing CSS from a Div with jQuery

In your application, you have a click event handler that applies CSS properties to a div. However, after performing other functionalities, you wish to remove the applied CSS. Here's how you can achieve this using jQuery:

<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.

”

The css() method accepts a key-value pair object as an argument. By passing an empty string ('') as the value, you effectively remove the specified CSS property. In this case, we remove both the background-color and font-weight properties that were previously applied to the div.

The above is the detailed content of How to Remove Specific CSS Properties from a Div Using jQuery?. For more information, please follow other related articles on the PHP Chinese website!