1. ホーム
  2. jquery

[解決済み] JQueryを使用してDivからCSSを削除する

2022-04-23 04:15:46

質問

私はJQueryの初心者です。私のアプリでは、次のようなものがあります。

$("#displayPanel div").live("click", function(){
  $(this).css({'background-color' : 'pink', 'font-weight' : 'bolder'});
});

Divをクリックすると、そのDivの色が変化する。そのクリック関数の中で、いくつかの機能を実行することになります。その後、Divから適用されたCSSを削除したいのですが、JQueryでどのようにそれを行うことができますか?

解決方法は?

CSSのプロパティをクラスに入れて、以下のようにします。

$("#displayPanel div").live("click", function(){
   $(this).addClass('someClass');
});

そして、「その他の機能」のところに、次のようなことをします。

$("#myButton").click(function(){
   $("#displayPanel div").removeClass('someClass');
});