JQ 给元素添加click点击事件【原始元素/追加元素】

页面：

<ul class="stickers" id="card_style"> 
     <li class="cardlist" id="card_style_1">
         <img src="~/SystemImg/Sticker/card-1.png" />
     </li>
     <li class="cardlist active" id="card_style_2">
         <img src="~/SystemImg/Sticker/card-2.png" />
     </li>
     <li class="cardlist" id="card_style_3">
         <img src="~/SystemImg/Sticker/card-3.png" />
     </li>
     <li class="cardlist" id="card_style_4">
         <img src="~/SystemImg/Sticker/card-4.png" />
     </li> 
</ul>

1：页面原始元素

$(".stickers li").click(function () {
     $(".stickers li").removeClass("active");
     $(this).addClass("active");
});

2：以上方式，可以对ul里面的每一个li添加点击事件，但若是元素是动态追加的，追加的元素就不会有click事件，就需要用以下方式进行添加点击事件：

    $("body").on("click", ".stickers li", function () {
        $(".stickers li").removeClass("active");
        $(this).addClass("active");
    });