-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 に答える