[解決済み] javascriptでインラインのスタイルをすべて消して、cssスタイルシートで指定されたスタイルだけを残すにはどうしたらよいですか？

質問

htmlに以下のように記述した場合、どのように表示されますか？

<div style="height:300px; width:300px; background-color:#ffffff;"></div>

そして、私のcssスタイルシートにこのようなものがあります。

div {
    width:100px;
    height:100px;
    background-color:#000000;
}

javascript/jqueryで、インラインのスタイルをすべて削除し、cssスタイルシートで指定されたスタイルだけを残す方法はありますか？

どのように解決するのですか？

$('div').attr('style', '');

または

$('div').removeAttr('style'); (以下 アンドレスさんの回答 )

もう少し小さくするには、こうしてみてください。

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

これは、divにstyle属性があるかどうかをチェックするため、少しスピードアップするはずです。

いずれにせよ、大量のdivがある場合は処理に少し時間がかかるかもしれませんので、javascript以外の方法を検討したほうがいいかもしれません。