我知道我可以选择具有指定类的所有元素并使用 css() 修改它们的属性。但是如何直接修改样式表呢？我想这样做，以便我创建的任何新 HTML 元素都将以正确的计算宽度和高度创建。
$('.box').css('width', widthValue + 'px');
这会起作用，但是当我创建一个新元素时，例如.....
let newBox = $('<div class="box"></div>');
这当然不会继承我之前设置的宽度。所以我想知道，我如何自己修改box类样式？
【问题讨论】：
标签： javascript jquery css
为您的.box 类编写一个样式，当您创建一个带有.box 类的元素时，它将获得该样式
$('#btn').on('click', function(){
var element = $('<div class="box">Second</div>');
$('body').append(element);
}).box{
background: red;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
<div class='box'>First Div</div>
<button id='btn'>Create Second Div</button>
</body>【讨论】：
您可以创建具有一些属性的元素：
$('<div>', {"class": 'box', style: "width: "+widthValue+"px"});
它将生成新元素，例如<div class="box" style="width: 100px"></div>
【讨论】：