-3

我不想手动执行 $("#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>
4

1 回答 1

1

试试这个

$('.more-than-one-element').css('name', 'value');

或者

$('#element').css({
    'name1': 'value1',
    'name2': 'value2',
    ...
});

或(但要小心这种方式,它将整个样式附加到 HTML 中的样式属性)

var cssText = $('#element').css('cssText');
cssText += 'name1: value1, name2, value2, ...';
$('#element').css('cssText', cssText);
于 2013-01-14T14:41:20.937 回答