jquery - jqueryを使用して要素のcssを変更する方法

Question

CSSプロパティを次のように定義しました

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

ボタンをクリックすると、その境界線を削除したいと思います。

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

Answer 1

使用するだけです：

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

または、長い形式を好む場合：

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

また、APIを読むことを強くお勧めしますcss()（以下のリファレンスを参照）。

参照：

• css()。

Answer 2

これを数回使用する場合は、境界線なしでcssクラスを定義することもできます。

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

次に、jQueryを使用して適用します。

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