javascript - Javascript によるデフォルトスタイルの適用

Question

ページがロードされた後、JavaScript や jQuery を使用してスタイルのようなページの外観に変更を加えている場合、ページをリロードせずにデフォルトの状態 (つまり、ページがロードされたときの状態) に戻すことは可能ですか?ページ？もしそうなら、それを行う方法は？

score 1 · Accepted Answer

これを行うためのクリーンな方法は、クラスを使用することです。クラススタイルをページに追加し、addClass() と removeClass() を使用して、カスタムスタイルとデフォルトスタイルを切り替えます。

score 1 · Accepted Answer

ページ全体を元に戻すには、デフォルトでインラインスタイルを使用していないと仮定して (そうすべきではありません)、次を使用できます。

$('*[style]').removeAttr('style');

それ以外の場合は、次のことができます。

$(function() {
      var original = $('body').clone();
});

function revert_to_original() {
    $('body').html(original);
}

ただし、これを使用すると、おそらくすべてのイベントを再バインドする必要があり、DOM に変更が加えられる前に元のイベントを確実に取得する必要があります。

それ以外の場合は、リセットしたい特定のスタイルを削除できます

$('#element').css('whatever style', '');

javascript - Javascript によるデフォルト スタイルの適用