08.jquery · 学习笔记

~~~ <title>Document</title> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script> <style> div{ width:100px; height:100px; } .one{ background: yellow; } .two{ background: red; } </style> </head> <body> <div class="one" id="div"> </div> <script> /* hasClass -->返回boolean addClass removeClass */ $("#div").click(function(){ if($(this).hasClass("one")){ $(this).removeClass("one").addClass("two") }else{ $(this).removeClass("two").addClass("one") } }) </script> ~~~