同时选中多个元素的解决办法（button）

 

                               <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即可。