1. <!doctype html>
    2. 

  2. <html>
    3. 

  3. <head>
    4. 

  4. <meta charset="utf-8">
    5. 

  5. <title>点击添加边框，再点击去掉边框</title>
    6. 

  6. <style>
    7. 

  7. ul li{
    8. 

  8. 	float:left;
    9. 

  9. 	list-style:none;
    10. 

  10. 	width:50px;
    11. 

  11. 	height:30px;
    12. 

  12. 	border:1px solid #E3E3E3;
    13. 

  13. 	line-height:30px;
    14. 

  14. 	text-align:center;
    15. 

  15. 	margin-left:10px;
    16. 

  16. 	cursor:pointer;
    17. 

  17. }
    18. 

  18. .yy{
    19. 

  19. 	border:1px solid red;
    20. 

  20. 	
    21. 

  21. }
    22. 

  22. </style>
    23. 

  23. </head>
    24. 

  24. <script src="superslide/js/jquery1.42.min.js"></script>
    25. 

  25. <script>
    26. 

  26. $(document).ready(function(e) {
    27. 

  27.     $("ul li").click(function(){
    28. 

  28. 		$(this).toggleClass('yy');
    29. 

  29. 	});
    30. 

  30. });
    31. 

    32. 

  32. </script>
    33. 

  33. <body>
    34. 

  34. <div>
    35. 

  35. 	<ul>
    36. 

  36.     	<li>洗护</li>
    37. 

  37.         <li>洗护</li>
    38. 

  38.         <li>洗护</li>
    39. 

  39.         <li>洗护</li>
    40. 

  40.         <li>洗护</li>
    41. 

  41.         <li>洗护</li>
    42. 

  42.         <li>洗护</li>
    43. 

  43.         <li>洗护</li>
    44. 

  44.     </ul>
    45. 

  45. </div>
    46. 

  46. </body>
    47. 

  47. </html>

jquery点击添加样式，再点击取出样式的更多相关文章

  1. js遍历添加栏目类添加css 再点击其它删除css

    //js遍历添加栏目类添加css 再点击其它删除css $(".radio-group .ckselect").each(function(index) { $(this).cli ...

  2. javascript点击变绿色再点击变红色

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  3. jquery实现点击显示，再点击隐藏

    //点击a标签,轮流显示和隐藏<div id="timo" style="background-color:red;height:50px;width:50px;& ...

  4. jquery checkbox点击选中，再点击取消选中

    if(n==1){ if($("#abs1").is(':checked')){ $("#abs1").prop("checked",fal ...

  5. vue实现动态绑定class--（boolean）绑定class,点击有，再点击取消

    <template> <div :class="{'flag':selected}" @click=clickBtn>xxx</div>< ...

  6. jq点击显示，再点击隐藏

    每次都会遇到的问题: <script> $("button").click(function(){ if($(".div").css("d ...

  7. checkbox点击选中，再点击取消，并显示在文本框中

    function checkItem(e,itemId) { var item = document.getElementById(itemId); var $items = $(item); if ...

  8. Js 实现 多个tr 点击变色，再点击还原

    我用的是渲染页面,将自定义的值作为一个表示符判断当前状态 <!DOCTYPE html> <html> <head> <meta charset=" ...

  9. 点击div全选中再点击取消全选div里面的文字

    想做一个就是点击一个div然后实现的功能是div里面的文字都成选中状态,然后就可以利用浏览器的自带的复制功能,任意复制在哪里去了 在网上百度了一下 然后网上的答案感觉很大的范围 然后一些搜索 然后就锁 ...

  10. 原生JS实现点击一个按钮显示一个div，再点击按钮div隐藏，或点击除div外其它空白处div隐藏

    <!DOCTYPE html> <html style="font-size: 24px"> <head> <title>js点击按 ...

随机推荐

  1. 【LeetCode OJ】Flatten Binary Tree to Linked List

    Problem Link: http://oj.leetcode.com/problems/flatten-binary-tree-to-linked-list/ The problem is ask ...

  2. Grand Central Dispatch（GCD）

     GCD      GCD是异步执行任务的技术之一. GCD使用很简洁的记述方法,实现了极为复杂繁琐的多线程编程. dispatch_async(queue, ^{      //长时间处理     ...

  3. iOS- UITextField限制输入长度

    限制输入长度的问题,在这里完美的解决了! //先创建一个textField 和 一个button. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 ...

  4. 第二个Sprint冲刺事后诸葛亮报告

    用户反馈:计时的填空题难度过大,计时选择题的画面太亮. 用户数量:4 团队改进建议:bug有点多 工作: 主界面 试卷题,是整合以前的内容的 选择题:也是整合以前功能的 初级的 计时题 1.每个成员第 ...

  5. 转 未能加载类型 xxxx

    未能加载类型 分析器错误   说明:   在分析向此请求提供服务所需资源时出错.请检查下列特定分析错误详细信息并适当地修改源文件. 分析器错误信息:   未能加载类型“xxxxx”. 错误的 < ...

  6. windows 下mysql每日定时备份的几种方法

    第一种:新建批处理文件 backup.dat,里面输入以下代码:  代码如下 复制代码 net stop mysql xcopy "C:/Program Files/MySQL/MySQL ...

  7. 关于CSS的那些事？

    关于CSS的那些事? 它有精准定位与排版,使得网页布局.信息排版一目了然:它有多姿多彩的样式属性,使得网页中各元素千变万化:它有神奇的渲染天赋,使得网页有了如诗如画.别具一格的魅力.你知道它了吗?没错 ...

  8. LeetCode() Word Search II

    超时,用了tire也不行,需要再改. class Solution { class TrieNode { public: // Initialize your data structure here. ...

  9. UIKIT的简介

    // // UIKIT各框架的简介 // IOS笔记 // // Created by 刘威成 on 13/12/14. // Copyright © 2015年 刘威成. All rights re ...

  10. Oracle和sqlserver关于锁和隔离级别的差异

    事务属性:ACID(原子性.一致性.隔离性.持久性) 隔离级别:主要针对的是共享锁的持有时间和范围 SQL标准定义了以下四种事务隔离级别 READ UNCOMMITTED     允许脏读.  不可重 ...