Question

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

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

这会有效，但是当我创建一个新的元素，如.....

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

当然，这不会继承我之前设置的宽度。所以我想知道，我如何自己修改盒子类风格？

Answer 1

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

Answer 2

您可以创建包含某些属性的元素：

@Rule
public ActivityTestRule<SpecialActivity> mActivity = new ActivityTestRule<SpecialActivity>(SpecialActivity.class) {
    @Override
    protected Intent getActivityIntent() {
        final Context targetContext = InstrumentationRegistry.getTargetContext();
        final Intent intent = new Intent(targetContext, SpecialActivity.class);
        intent.putExtra("arg_one", 1);
        return intent;
    }
};

它将生成新元素，例如$('<div>', {"class": 'box', style: "width: "+widthValue+"px"});

是否可以使用jquery选择样式元素？

2 个答案: