jQuery を使用して、この CSS を変更するにはどうすればよいですか?
html {
background: yellow;
}
これは動作しません:
$('html').css('background','red');
使用する
$(document.body).css('background-color','red');
このコードを試してください: DEMO
$('body').css('background-color','red');
$('html').css('background-color','red');
コードは次のように変更する必要があります。
$(document.body).css('background','red');
あなたのスタイルは body 要素に適用されます。
別の方法はこれです:
<head>
要素でこのようなスタイルクラスを定義できます
たとえば « redback » という名前を付けます。
<style type="text/css">
.redback
{
background:red;
}
</style>
その後、このスクリプトを次の<body>
ように要素に追加できます
<script language="javascript" type="text/javascript">
$(document).ready(function () {
$('html').addClass("redback");
});
</script>
$('body').css({ '背景色': '赤' });