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

时间:2016-08-11 07:48:51

标签: javascript jquery css

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

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

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

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

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

2 个答案:

答案 0 :(得分: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>

答案 1 :(得分:0)

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

@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"});