javascript - 是否可以使用 jquery 选择样式元素?

标签 javascript jquery css

<分区>

我知道我可以选择具有指定类的所有元素并使用 css() 修改它们的属性。但是如何直接修改样式表呢?我想这样做,以便我创建的任何新 HTML 元素都将使用正确的计算宽度和高度创建。

$('.box').css('width', widthValue + 'px');

这会起作用,但是当我创建一个新元素时,例如.....

let newBox = $('<div class="box"></div>');

当然,这不会继承我之前设置的宽度。所以我想知道,如何自己修改框类样式?

最佳答案

为您的 .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>

关于javascript - 是否可以使用 jquery 选择样式元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38890356/

上一篇:html - 字体不适用于所有标签元素

下一篇:javascript - postcss-import grunt 插件不工作

相关文章:

jquery - 使用jquery datepicker时,处理人们以不同格式输入日期的正确方法是什么?

jquery - IE8、IE9、IE10 光标闪烁问题

javascript - 当我在 vanilla js 中选择 <select> 选项时如何更改 <a> href

css - 使用哪种字体以获得一致的在线体验?

css - ionic2 - 更改 .loadcontent 的字体属性

javascript - chrome 是否限制请求帧时间

javascript - 使用 JointJS 磁铁时获取无效路径值

javascript - 无法通过 php 和 ajax 从数据库中检索下拉菜单的详细信息

javascript - 如何使用 html5 canvas 绘制边框为 1px 的矩形?

jquery - SSL AJAX jQuery