<div class="row" id="div3">
<button>京东物流</button>
<button>有货优先</button>
<button>货到付款</button>
<button>新品</button>
<button>全球购商品</button>
<button>PLUS专享价</button>
<button>促销商品</button>
<button>配送全球</button>
</div>
像这样同时选中多个元素的解决办法:刚开始使用button标签,但是button标签只可选中一个,我想实现选中多个,方法如下:
1.将button按钮换成其他元素,例如span元素,
<div class="row" id="div3">
<span>京东物流</span>
<span>有货优先</span>
<span>货到付款</span>
<span>新品</span>
<span>全球购商品</span>
<span>PLUS专享价</span>
<span>促销商品</span>
<span>配送全球</span>
</div>
2.编写一个css,
.main{
border: 1px red solid;
color: red;
}
3.再编写一个js,
/*点击边框样式*/
$("#div3 span").click(function(){
$(this).toggleClass("main");
});
运用点击事件将样式添加至span即可。