Cómo cambiar CSS del elemento usando jQuery

Question

he definido una propiedad CSS como

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

Al hacer clic en un botón, Quiero eliminar su frontera.

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

Answer 1

sólo tiene que utilizar:

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

O, si lo prefiere el largo formulario:

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

Y, sugeriría encarecidamente la lectura de la API para css() (ver las referencias , abajo).

Referencias:

• css().

Answer 2

Si va a utilizar esto varias veces, también puede definir la clase css sin borde:

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

y luego aplicarlo usando jQuery;

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