[JQUERY]add/removeClass

[Iron83]

Ciao,
non riesco a capire perchè lo script che vi propongo non toglie la classe iniziale e la sostituisce con quella che imposto:

        <style>
            .thumb {
                width: 182px;
                height: 214px;
                border: 1px solid;
                margin-left: 9px;
                border: 1px solid #EBEBEB;
            }    
            .thumb-sel {
                width: 182px;
                height: 214px;
                border: 1px solid;
                margin-left: 9px;
                border: 1px solid #660000;
            }            
        </style>

        <script type="text/javascript">
            $( ".thumb" ).click(function() {
                $( "div" ).removeClass( ".thumb" ).addClass(".thumb-sel");
                return false;
            });
        </script>

            <div class="thumb">
                <div class="title-thumb">
                    <p class="text-thumb">TITOLO</p>
                </div>    
                <p class="content-thumb">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed gravida euismod lacus. Nam et odio vitae ante consectetur mattis.                                                                 
                </p>
            </div> 

altra domanda (forse banale), devo per forza inserire il css nell'html oppure l'add/removeClass riesce a prendere lo stile da una pagina css esterna?

Grazie

[fcaldera]

$( "div" ).removeClass( "thumb" ).addClass("thumb-sel");
(senza punti, stai impostando una stringa)

e sì, puoi spostare lo stile su un css esterno