jquery点击添加样式,再点击取出样式

  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>点击添加边框,再点击去掉边框</title>
  6. <style>
  7. ul li{
  8. float:left;
  9. list-style:none;
  10. width:50px;
  11. height:30px;
  12. border:1px solid #E3E3E3;
  13. line-height:30px;
  14. text-align:center;
  15. margin-left:10px;
  16. cursor:pointer;
  17. }
  18. .yy{
  19. border:1px solid red;
  20. }
  21. </style>
  22. </head>
  23. <script src="superslide/js/jquery1.42.min.js"></script>
  24. <script>
  25. $(document).ready(function(e) {
  26. $("ul li").click(function(){
  27. $(this).toggleClass('yy');
  28. });
  29. });
  30. </script>
  31. <body>
  32. <div>
  33. <ul>
  34. <li>洗护</li>
  35. <li>洗护</li>
  36. <li>洗护</li>
  37. <li>洗护</li>
  38. <li>洗护</li>
  39. <li>洗护</li>
  40. <li>洗护</li>
  41. <li>洗护</li>
  42. </ul>
  43. </div>
  44. </body>
  45. </html>
jquery点击添加样式,再点击取出样式
上一篇:Centos7搭建java+mysql环境


下一篇:jQuery动态对表格Table进行添加或删除行以及修改列值操作