我不想手动执行 $("#element").css('attr','val'); 因为我有很多元素。以下说明了我正在尝试做但无法正常工作的内容。这是一个 PHP 文件,但 PHP 无关紧要:
<?
$css1 = "
#ele1 { border: 1 px solid blue; }
#ele2 { border: 1 px solid blue; }
";
$css2 = "
#ele1 { border: 1 px solid black; }
#ele2 { border: 1 px solid black; }
";
?>
<html>
<head>
<style id="appliedCss"></style>
</head>
<body>
....... PAGE HERE .....
<script>
$("#btn1").click(function (e) {
$("#appliedCss").html(<?=$css1?>);
});
$("#btn2").click(function (e) {
$("#appliedCss").html(<?=$css2?>);
});
</body>
</html>