判断事件给点击的事件增加类

Question

       .cards div {

            float: left;

            margin: 10px;

            width: 100px;

            height: 100px;

            color: #fff;

            font-size: 50px;

            text-align: center;

            line-height: 100px;

            text-indent: -9999px;

            background-color: #333;

        }

        .car{

        text-indent:0px;

        }

<div class="cards">

    <div>43</div>

    <div>21</div>

    <div>56</div>

    <div>16</div>

    <div>89</div>

    <div>94</div>

    <div>46</div>

    <div>26</div>

    <div>67</div>

    <div>90</div>

    <div>25</div>

    <div>10</div>

    <div>84</div>

    <div>76</div>

</div>

$(function(){

$('.cards').on('click',function(event){

var ele=$(event.target);

if(ele.hasClass("car")){

ele.removeClass("car")

}else{

ele.addClass("car");

}

//不起作用，是优先级的问题嘛？  那为什么我上面那个用css设置类就可以， hadClass就不行呢？！

})

})

Answer 1

权重，.cards div 的样式权重比单个class高