Jak zmienić css elementu za pomocą jQuery

Question

Mam zdefiniowane właściwości CSS jak

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

Na kliknięcie przycisku, chcę usunąć swoje granice.

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

Answer 1

Wystarczy użyć:

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

Lub, jeśli wolisz długometrażowych:

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

I bym zdecydowanie wskazują czytanie API dla css() (patrz referencje poniżej).

Odniesienia:

• css().

Answer 2

Jeśli będziesz używać to kilka razy, można również zdefiniować klasę css bez obramowania:

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

a następnie zastosować je przy użyciu jQuery;

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