Come cambiare css di elemento utilizzando jQuery

Question

Ho definito una proprietà CSS come

#myEltId span{ 
    border:1px solid black; 
} 

Su clic su un pulsante, Voglio rimuovere il suo confine.

$('#button1').click(function() { 
    // How to fetch all those spans and remove their border 
}); 

Answer 1

Basta usare:

$('#button1').click(
    function(){ 
     $('#myEltId span').css('border','0 none transparent'); 
    }); 

Oppure, se si preferisce la forma lunga:

$('#button1').click(
    function(){ 
     $('#myEltId span').css({ 
      'border-width' : '0', 
      'border-style' : 'none', 
      'border-color' : 'transparent' 
     }); 
    }); 

E, mi piacerebbe consigliamo vivamente di leggere le API per css() (vedi i riferimenti , sotto).

Riferimenti:

• css().

Answer 2

Se si intende utilizzare questo più volte, è anche possibile definire una classe CSS senza bordo:

.no-border {border:none !important;} 

e poi applicarlo utilizzando jQuery;

$('#button1').click(function(){ 
     $('#myEltId span').addClass('no-border'); 
});