How to remove all CSS property inside a class, but don't remove class using jQuery


Tags: jquery,css

Problem :

Remove all CSS property in class by don't removing class using jQuery

For example :

    .ui-widget {
        font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
        font-size: 1.1em/*{fsDefault}*/;
        left: 350px !important;
        top: 160px !important;
    }

    //To

    .ui-widget {
    }


Solution :

Instead of trying to alter style properties, I would create two separate classes and use jQuery to toggle the classes of HTML elements. That would seem to be more straightforward.


    CSS Howto..

    How to link my css, js and image file link in django

    CSS: How to fill a dynamic container that contains fixed sized elements?

    How to show div property that is in a class with javascript

    How remove striped rows in JavaFX 8 TableView

    How can I align my HTML components with CSS?

    How to use Bootstrap CDN?

    How can I stack two arrow images (upvote/downvote) on top of eachother using CSS?

    How to make a div hide properly on hover while trying to make a gif also start on hover

    This panel keeps getting position: absolute applied. How can I stop it?

    How to achieve vertical alignmernt of text paragraphs between Bootstrap columns

    How to achieve a fancy outline around an image in CSS

    how to use dynamic css in jsp file base on param value

    how to place an image at the center of the browser irrespective of the resolution?

    How can I get the text style from window.selection()?

    How to add code area css style to HTML

    How do I vertically align the text to the middle using CSS?

    CSS - How to float correctly into pseudocolumns

    How can I align text to the top and the bottom of the same div css?

    How can I highlight position in nav bar for single-page website?

    How to prevent HTML element moving when resizing window?

    How do I access font features in CSS?

    How to avoid an unknown height sticky footer to overlap content with CSS only?

    How to make a box expand a distance from the sides

    How can I set a google-font as default-font in CKEditor?

    HTML: how to make 2 tables with different CSS [closed]

    CSS/HTML : how to make something become absolute positioned once you scroll by it

    Show/Hide Markers that are pulled from function

    How to stop word-wrapping in a CSS Dropdown menu.

    How to fit elements in 100% width without absolute positioning?

    How to call CSS animation manually with Javascript?