css和jQuery中怎样选择class名形如"box-"的元素？

Question

    <div id="box-set" class="group">
        <div class="box-1">Box1</div>
        <div class="box-2">Box2</div>
        <div class="box-3">Box3</div>
        <div class="box-4">Box4</div>
    </div>

我想选择类名为“box-数字"的元素进行操作，css和jQuery分别应该怎样写？

Answer 1

[class^="box-"] {
  color: red;
}

属性选择器可以实现box-开头，但是要限制数字还做不到，jq也支持css的选择器

Answer 2

css

div[class^="box-"] {
  
}

jq
$("div[class^='box-']")