javascript - How to disable and enable css rule

Question

For example if i have

<style type='text/css' id='divcolorgreen'>
    div{
        color: green;
    }
</style>

I can disable the css rule using 3 ways

Is there any easier way to disable/remove the css rule?

score 1 · Accepted Answer

OK、ページ上のすべての div の色を変更しようとしています。

jQuery には.css()、セレクターに一致するすべての要素のスタイルを設定できるものがあります。あなたの場合、それはただdivです。

設定するには:

$('div').css('color', 'yellow');

削除する：

$('div').css('color', '');

jQuery を使用したくない場合でも、考え方は同じです。

document.getElementsByTagName('div')ページ上のすべての div を提供します。それらをループして、スタイルを変更することができますelem.style.color="yellow";

score 1 · Accepted Answer

1 jquery apiでこれを行うことができますがcss( propertyName , value )、私によれば、フォント、色、高さを設定したような多くのスタイルがある場合... 2番目の方法の方が簡単で、時間を大幅に節約できるため、より簡単な方法です

 $("div").css("color", "yellow")

removeClass('someClass');2とでこれを行うことができますaddClass('someClass');

たとえば、jQuery セレクターを使用して、クラス「some」を持つ部門要素をターゲットにします。

html

<div class="some" ></div>

CSS

.some{ color: green; }

jquery

別のクラスを追加する場合は、addClass を使用できます

$(".some").click( function(){
   $(this).addClass('someClass');
});

クラスを削除したい場合は、jQuery の removeClass メソッドを使用します。

$(".some").click( function(){
   $(this).removeClass('someClass');
});

3 に答える 3