Wie css des Elements ändern jquery mit

Question

Ich habe eine CSS-Eigenschaft definiert als

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

Klicken auf eine Schaltfläche, möchte ich die Grenze entfernen.

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

Answer 1

Verwenden Sie einfach:

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

Oder, wenn Sie die Langform bevorzugen:

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

Und ich stark würde vorschlagen, dass die API für css() lesen (siehe Referenzen , unten).

Referenzen:

• css().

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

  und dann wenden Sie es mit jQuery;:

Answer 2

Wenn Sie dies mehrmals verwenden, können Sie auch CSS-Klasse ohne Rand definieren

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