jq class操作

<input type="button" value="添加basic类" >
<input type="button" value="添加bigger类">
<input type="button" value="移除bigger类">
<input type="button" value="判断bigger类">
<input type="button" value="切换类">
<ul>
    <li class="aa bb cc dd">1</li>
    <li class="aa bb cc dd">2</li>
    <li class="aa bb cc dd">3</li>
    <li class="aa bb cc dd">4</li>
</ul>
<script src="jquery-1.12.4.js"></script>
<script>
    $(function () {
       $("input").eq(0).click(function () {
            //添加一个类
           $("li").addClass("basic");
       });
        $("input").eq(1).click(function () {
            //添加一个类
            $("li").addClass("bigger");
        });
        $("input").eq(2).click(function () {
            //移除一个类
            $("li").removeClass("bigger");
        });
        $("input").eq(3).click(function () {
            //判断这个类中有没有这个class
            console.log($("li").hasClass("bigger"));
        });
        $("input").eq(4).click(function () {

            // //方法1：
            // if($("li").hasClass("basic")){
            //     $("li").removeClass("basic");
            // }else {
            //     $("li").addClass("basic");
            // }

            //判断li有没有basic类，如果有，就移除他，没有就添加他
            $("li").toggleClass("basic");
        });
    });
</script>