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. }
  22. </style>
  23. </head>
  24. <script src="superslide/js/jquery1.42.min.js"></script>
  25. <script>
  26. $(document).ready(function(e) {
  27.     $("ul li").click(function(){
  28. 		$(this).toggleClass('yy');
  29. 	});
  30. });
  32. </script>
  33. <body>
  34. <div>
  35. 	<ul>
  36.     	<li>洗护</li>
  37.         <li>洗护</li>
  38.         <li>洗护</li>
  39.         <li>洗护</li>
  40.         <li>洗护</li>
  41.         <li>洗护</li>
  42.         <li>洗护</li>
  43.         <li>洗护</li>
  44.     </ul>
  45. </div>
  46. </body>
  47. </html>





【推广】 免费学中医，健康全家人
原文地址：https://www.cnblogs.com/lsr111/p/4607398.html