左边栏实例：

  1.  <!DOCTYPE html>
  2.  <html lang="en">
  3.  <head>
  4.      <meta charset="UTF-8">
  5.      <script src="jquery-3.2.1.min.js"></script>
  6.      <style>
  7.              .hide{
  8.                  display: none;
  9.              }
  10.  
  11.              .container{
  12.                  width:300px;
  13.                  height: 600px;
  14.                  background-color: #ddd;
  15.                  border: 1px solid #;
  16.              }
  17.  
  18.              .container .title{
  19.                  height: 38px;
  20.                  font-size: 28px;
  21.                  line-height: 38px;
  22.                  background-color: orange;
  23.                  cursor: pointer;
  24.              }
  25.  
  26.              .container .body{
  27.                  background-color:white;
  28.              }
  29.  
  30.              .container .body a{
  31.                  display:block;
  32.                  padding: 10px;
  33.              }
  34.          </style>
  35.      <title>Title</title>
  36.  </head>
  37.  <body>
  38.  <div class='container'>
  39.              <div>
  40.                  <div class='title' onclick="Dis(this);">Menu1</div>
  41.                  <div class='body'>
  42.                      <a href="">content1</a>
  43.                      <a href="">content2</a>
  44.                      <a href="">content3</a>
  45.                  </div>
  46.              </div>
  47.  
  48.              <div>
  49.                  <div class='title' onclick="Dis(this);">Menu2</div>
  50.                  <div class='body hide'>
  51.                      <a href="">content1</a>
  52.                      <a href="">content2</a>
  53.                      <a href="">content3</a>
  54.                  </div>
  55.              </div>
  56.  
  57.              <div>
  58.                  <div class='title' onclick="Dis(this);">Menu3</div>
  59.                  <div class='body hide'>
  60.                      <a href="">content1</a>
  61.                      <a href="">content2</a>
  62.                      <a href="">content3</a>
  63.                  </div>
  64.              </div>
  65.  
  66.              <div>
  67.                  <div class='title'onclick="Dis(this);">Menu4</div>
  68.                  <div class='body hide'>
  69.                      <a href="">content1</a>
  70.                      <a href="">content2</a>
  71.                      <a href="">content3</a>
  72.                  </div>
  73.              </div>
  74.  
  75.              <div>
  76.                  <div class='title' onclick="Dis(this);">Menu5</div>
  77.                  <div class='body hide'>
  78.                      <a href="">content1</a>
  79.                      <a href="">content2</a>
  80.                      <a href="">content3</a>
  81.                  </div>
  82.              </div>
  83.  
  84.          </div>
  85.   <script type="text/javascript">
  86.      function Dis(ths){
  87.          $(ths).next().removeClass('hide');
  88.          $(ths).parent().siblings().find('.body').addClass('hide');
  89.  
  90.      }
  91.  </script>
  92.  </body>
  93.  </html>

左边栏实例

基本选择器：

  1. <div id='11' class='top'></div>
  2. $('.top')  class选择器
  3. $('#11')  id选择器
  4. $('div')  tag选择器

层级筛选器

  1. <form>
  2.   <label>Name:</label>
  3.   <input name="name" />
  4.   <fieldset>
  5.       <label>Newsletter:</label>
  6.       <input name="newsletter" />
  7.  </fieldset>
  8. </form>
  9. <input name="none" />
  10.  
  11. $("form input")  找到表单里面所有的 input 元素（包括孙子级）
  12. 结果
  13.  [ <input name="name" />, <input name="newsletter" /> ]
  14.  
  15. $("form > input") 匹配表单里面所有的子级input元素（儿子级）
  16. 结果
  17. [ <input name="name" /> ]
  18. $("label + input")  匹配所有紧跟在 label 后面的同级input 元素
  19. 结果
  20. [ <input name="name" />, <input name="newsletter" /> ]
  21.  
  22. $("form ~ input")  找到所有与表单同辈的 input 元素
  23. 结果
  24. [ <input name="none" /> ]

基本筛选器

  1. $('li:first')  找到的第一个
  2. $('li:last')  找到的最后一个
  3. $('li:even') 查找所有找到的1、3、5...行（即索引值0、2、4...）
  4. $('li:odd')   查找所有找到的2、4、6行（即索引值1、3、5...）
  5. $('li:eq(1)') 找到的第2个（索引为1）
  6. $('li:lt(2)')  查找第一第二行，即索引值是0和1，也就是比2小

筛选

  1. 筛选：
  2. $('li').first() 找到的第一个
  3. $('li').last() 找到的最后一个
  4. $('li').eq(1) 找到的第二个（索引为1）
  5. $('li').slice(2,5) 对找到的进行切片，end不写表示一直到最后
  6. $('li').filter('.selected') 对找到的筛选出包含.selected
  7. $('li').filter('.selected : first') 复合使用取第一个
  8. $('li').hasClass("protected") 判断返回布尔值
  9.  
  10. 选择：
    找子级
  11. $('li').children() 找到<li>里面的所有直接子级（儿子级）
  12. $('li').find('a')  在<li>里面的所有子级里找a标签 （包括孙子级）
    找同级
  13. $('li').next() 找到<li>下一个同级
  14. $('li').nextAll() 找到<li>下面的所有的同级
  15. $('li').nextUntil() 选择从<li>往下一直到..的之间的
    $('li').prev() 找到<li>上一个同级
  16. $('li').prevAll() 找到<li>上面的所有同级
  17. $('li').prevUntil() 选择从<li>往上一直到..的之间的
  18. $('li').siblings()  所有同级（除了自己）
    找父级
  19. $('li').parent() 找到<li>的父级
  20. $('li').parents() 找到<li>的所有父级（包括祖级）

jquery的循环

  1. $.each(li,function(i,item){
  2.     console.log(i,item)
  3. })
  4.  
  5. i表示下标索引，item表示值

方式一

  1. $(.title).each(function(i,item){
  2.     console.log(i,item)
  3. })

方式二

属性和css

  1. $("p").css("color");  取得第一个段落的color样式属性的值。
  2.  
  3. $("p").css({ "color": "#ff0011", "background": "blue" });  将所有段落的字体颜色设为红色并且背景为蓝色。
  4.  
  5. $("p").css("color","red");  将所有段落字体设为红色
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title></title>
  6.     <style>
  7.         .back{
  8.             position: fixed;
  9.             bottom: 0px;
  10.             right: 0px;
  11.         }
  12.         .hide{
  13.             display: none;
  14.         }
  15.     </style>
  16. </head>
  17. <body>
  18.  
  19. <div style="height: 2000px;"></div>
  20.  
  21. <div onclick="GoTop()" class="back hide">返回顶部</div>
  22.  
  23. <script src="jquery-1.8.2.js"></script>
  24. <script type="text/javascript">
  25.  
  26.     function GoTop(){
  27.         //返回顶部
  28.         $(window).scrollTop(0);
  29.     }
  30.  
  31.     $(function(){
  32.  
  33.         $(window).scroll(function(){
  34.             //当滚动滑轮时，执行函数体
  35.  
  36.             //获取当前滑轮滚动的高度
  37.             var top = $(window).scrollTop();
  38.  
  39.             if(top>100){
  40.                 //展示“返回顶部”
  41.                 $('.back').removeClass('hide');
  42.             }else{
  43.                 //隐藏“返回顶部”
  44.                 $('.back').addClass('hide');
  45.             }
  46.         });
  47.     });
  48.  
  49. </script>
  50.  
  51. </body>
  52. </html>

返回顶部实例

文档加载完成执行的两种方式

  1. 方式 一
  2.  
  3. $(document).ready(function(){
  4.     ....
  5. })
  6.  
  7. 方式 二
  8.  
  9. $(function(){
  10.     ...
  11. })
  1.  <!DOCTYPE html>
  2.  <html>
  3.  <head lang="en">
  4.      <meta charset="UTF-8">
  5.      <title></title>
  6.      <style>
  7.  
  8.          body{
  9.              margin: 0px;
  10.          }
  11.          img {
  12.              border: 0;
  13.          }
  14.          ul{
  15.              padding: 0;
  16.              margin: 0;
  17.              list-style: none;
  18.          }
  19.          .clearfix:after {
  20.              content: ".";
  21.              display: block;
  22.              height: 0;
  23.              clear: both;
  24.              visibility: hidden;
  25.          }
  26.  
  27.          .wrap{
  28.              width: 980px;
  29.              margin: 0 auto;
  30.          }
  31.  
  32.          .pg-header{
  33.              background-color: #303a40;
  34.              -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.2);
  35.              -moz-box-shadow: 0 2px 5px rgba(0,0,0,.2);
  36.              box-shadow: 0 2px 5px rgba(0,0,0,.2);
  37.          }
  38.          .pg-header .logo{
  39.              float: left;
  40.              padding:5px 10px 5px 0px;
  41.          }
  42.          .pg-header .logo img{
  43.              vertical-align: middle;
  44.              width: 110px;
  45.              height: 40px;
  46.  
  47.          }
  48.          .pg-header .nav{
  49.              line-height: 50px;
  50.          }
  51.          .pg-header .nav ul li{
  52.              float: left;
  53.          }
  54.          .pg-header .nav ul li a{
  55.              display: block;
  56.              color: #ccc;
  57.              padding: 0 20px;
  58.              text-decoration: none;
  59.              font-size: 14px;
  60.          }
  61.          .pg-header .nav ul li a:hover{
  62.              color: #fff;
  63.              background-color: #425a66;
  64.          }
  65.          .pg-body{
  66.  
  67.          }
  68.          .pg-body .catalog{
  69.              position: absolute;
  70.              top:60px;
  71.              width: 200px;
  72.              background-color: #fafafa;
  73.              bottom: 0px;
  74.          }
  75.          .pg-body .catalog.fixed{
  76.              position: fixed;
  77.              top:10px;
  78.          }
  79.  
  80.          .pg-body .catalog .catalog-item.active{
  81.              color: #fff;
  82.              background-color: #425a66;
  83.          }
  84.  
  85.          .pg-body .content{
  86.              position: absolute;
  87.              top:60px;
  88.              width: 700px;
  89.              margin-left: 210px;
  90.              background-color: #fafafa;
  91.              overflow: auto;
  92.          }
  93.          .pg-body .content .section{
  94.              height: 500px;
  95.          }
  96.          .back{
  97.              position: fixed;
  98.              bottom: 0px;
  99.              left: 0px;
  100.          }
  101.          .hide{
  102.              display: none;
  103.          }
  104.      </style>
  105.  </head>
  106.  <body>
  107.  
  108.      <div class="pg-header">
  109.          <div class="wrap clearfix">
  110.              <div class="logo">
  111.                  <a href="#">
  112.  
  113.                  </a>
  114.              </div>
  115.              <div class="nav">
  116.                  <ul>
  117.                      <li>
  118.                          <a  href="#">首页</a>
  119.                      </li>
  120.                      <li>
  121.                          <a  href="#">功能一</a>
  122.                      </li>
  123.                      <li>
  124.                          <a  href="#">功能二</a>
  125.                      </li>
  126.                  </ul>
  127.              </div>
  128.  
  129.          </div>
  130.      </div>
  131.      <div class="pg-body">
  132.          <div class="wrap">
  133.              <div class="catalog">
  134.                  <div class="catalog-item active" auto-to="function1"><a>第1张</a></div>
  135.                  <div class="catalog-item" auto-to="function2"><a>第2张</a></div>
  136.                  <div class="catalog-item" auto-to="function3"><a>第3张</a></div>
  137.                  <div onclick="GoTop()" class="back hide">返回顶部</div>
  138.              </div>
  139.              <div class="content">
  140.                  <div menu="function1" class="section">
  141.                      <h1>第一章</h1>
  142.                  </div>
  143.                  <div menu="function2" class="section">
  144.                      <h1>第二章</h1>
  145.                  </div>
  146.                  <div menu="function3" class="section">
  147.                      <h1>第三章</h1>
  148.                  </div>
  149.              </div>
  150.          </div>
  151.  
  152.      </div>
  153.  
  154.      <script type="text/javascript" src="jquery-3.2.1.min.js"></script>
  155.      <script type="text/javascript">
  156.          function GoTop() {
  157.              $(window).scrollTop(0);
  158.  
  159.          }
  160.          $(function(){
  161.              //滑动屏幕控制菜单栏和回到顶部
  162.              $(window).scroll(function () {
  163.                  var sct = $(window).scrollTop();
  164.                  if(sct>60 && 100>sct){
  165.                      $('.catalog').addClass('fixed');
  166.                      $('.back').addClass('hide');
  167.                  }else if(sct >=100) {
  168.                      $('.back').removeClass('hide');
  169.                      $('.catalog').addClass('fixed');
  170.                      }else{
  171.                      $('.catalog').removeClass('fixed');
  172.                      $('.back').addClass('hide');
  173.                  }
  174.                  $('.section').each(function () {
  175.                      var offSet=$(this).offset().top;
  176.                      var lht =$(this).height();
  177.                      var totalheight =offSet+lht;
  178.                      var documentheight = $(document).height();
  179.                      var windowheight = $(window).height();
  180.                      if(offSet<sct && totalheight>=sct){
  181.                          if(windowheight+sct==documentheight){
  182.                               $('.catalog-item').last().addClass('active').siblings().removeClass('active');
  183.                          }else {
  184.                              var menus = $(this).attr('menu');
  185.                              $('.catalog').find('[auto-to="'+menus+'"]').addClass('active').siblings().removeClass('active');
  186.                          }
  187.  
  188.                      }
  189.  
  190.                  })
  191.  
  192.              })
  193.              //点击菜单栏到达内容位置
  194.              $('.catalog-item').bind('click',function () {
  195.                  var auto = $(this).attr('auto-to');
  196.                  var lht = $('div').find('[menu="'+auto+'"]').offset().top;
  197.                  $(window).scrollTop(lht);
  198.              })
  199.  
  200.          })
  201.      </script>
  202.  </body>
  203.  </html>

滚动菜单，返回顶部，跳到指定内容

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset='utf-8' />
  5.         <title></title>
  6.         <script type="text/javascript" src='jquery-1.8.2.js'></script>
  7.         <script type="text/javascript">
  8.             $(function(){
  9.                 $('#selectAll').click(function(){
  10.                     $('#checklist :checkbox').prop('checked',true);
  11.                 })
  12.                 $('#unselectAll').click(function(){
  13.                     $('#checklist :checkbox').prop('checked',false);
  14.                 })
  15.                 $('#reverseAll').click(function(){
  16.                     $('#checklist :checkbox').each(function(){
  17.                         $(this).prop('checked',!$(this).prop('checked'))
  18.                     })
  19.                 })
  20.  
  21.             })
  22.         </script>
  23.     </head>
  24.     <body>
  25.         <div id='checklist'>
  26.             <input type='checkbox' value='1'/>篮球
  27.             <input type='checkbox' value='2'/>足球
  28.             <input type='checkbox' value='3'/>羽毛球
  29.         </div>
  30.         <input type='button' value='全选' id='selectAll' />
  31.         <input type='button' value='不选' id='unselectAll' />
  32.         <input type='button' value='反选' id='reverseAll' />
  33.     </body>
  34. </html>

全选反选取消

$(document).height()     页面高度

$(window).scrollTop()    滑轮高度

$(window).height()        屏幕高度

$('.tip').height()            标签高度

$('.tip').offset()            标签到顶端的距离

$('.tip').offset().top      标签到顶端的高度

事件：

  1. <!DOCTYPE html>
  2. <html>
  3. <head lang="en">
  4.     <meta charset="UTF-8">
  5.     <title></title>
  6. </head>
  7. <body>
  8.     <div style="border: 1px solid #ddd;width: 600px;position: absolute;">
  9.         <div id="title" style="background-color: black;height: 40px;"></div>
  10.         <div style="height: 300px;"></div>
  11.     </div>
  12. <script type="text/javascript" src="../js/jquery-1.8.2.min.js"></script>
  13. <script>
  14.     $(function(){
  15.         $('#title').mouseover(function(){
  16.             $(this).css('cursor','move');
  17.         }).mousedown(function(e){
  18.             //console.log($(this).offset());
  19.             var _event = e || window.event;
  20.             var ord_x = _event.clientX;
  21.             var ord_y = _event.clientY;
  22.  
  23.             var parent_left = $(this).parent().offset().left;
  24.             var parent_top = $(this).parent().offset().top;
  25.  
  26.             $(this).bind('mousemove', function(e){
  27.                 var _new_event = e || window.event;
  28.                 var new_x = _new_event.clientX;
  29.                 var new_y = _new_event.clientY;
  30.  
  31.                 var x = parent_left + (new_x - ord_x);
  32.                 var y = parent_top + (new_y - ord_y);
  33.  
  34.                 $(this).parent().css('left',x+'px');
  35.                 $(this).parent().css('top',y+'px');
  36.  
  37.             })
  38.         }).mouseup(function(){
  39.             $(this).unbind('mousemove');
  40.         });
  41.     })
  42. </script>
  43. </body>
  44. </html>

实例：移动面板

绑定事件

$('.class').bind('click',function(){

　　....})

  1. 同时绑定多个事件类型
  2.  
  3. $('#foo').bind('mouseenter mouseleave', function() {
  4.   $(this).toggleClass('entered');
  5. });
  6.  
  7. 同时绑定多个事件类型/处理程序
  8.  
  9. $("button").bind({
  10.   click:function(){$("p").slideToggle();},
  11.   mouseover:function(){$("body").css("background-color","red");},
  12.   mouseout:function(){$("body").css("background-color","#FFFFFF");}
  13. });

委托事件

  1. html代码
  2.  
  3. <div style="background-color:red">
  4. <p>这是一个段落。</p>
  5. <button>请点击这里</button>
  6. </div>
  7.  
  8. -----------------------------------------------------------
  9.  
  10. jquery代码
  11.  
  12. $("div").delegate("button","click",function(){
  13.   $("p").slideToggle();
  14. });

内容

  1. html代码：
  2. <div>John Resig</div>
  3. <div>George Martin</div>
  4. <div>Malcom John Sinclair</div>
  5. <div>J. Ohn
  6. ------------------------------------------------------------
  7. jquery代码：
  8.  
  9. $("div:contains('John')")    查找所有包含 "John" 的 div 元素
  10.  
  11. ---------------------------------------------------------------------
  12. 结果：
  13.  
  14. [ <div>John Resig</div>, <div>Malcom John Sinclair</div> ]

属性

  1. prop  应用在input txetarea select
  2.  
  3. $("input[type='checkbox']").prop("checked");  选中为true,没选中为false
  4.  
  5. $("input[type='checkbox']").prop("disabled",true);  禁用页面上的所有复选框
  6. $("input[type='checkbox']").prop("checked", true);  选中所有页面上的复选框。
  7.  
  8. attr  应用在除了input txetarea select以外的所有
  9.  
  10. $("img").attr("src","test.jpg");  设置单个属性
  11. $("img").attr({ src: "test.jpg", alt: "Test Image" });  设置多个属性
  12.  
  13. removeAttr  移除属性
  14. $("img").removeAttr("src");
  15.  
  16. addClass  增加class
  17. removeClass  移除class
  18.  
  19. HTML代码/文本/值
  20. $('p').html();
  21. $('p').textl();
  22. $('p').val();   获取文本框中的值

文档处理

内部插入

  1. $("p").append("<b>Hello</b>");  向所有段落中追加一些HTML标记。
  2. $("p").prepend("<b>Hello</b>");  向所有段落中前置一些HTML标记代码
  3.  
  4. <p><b>Hello</b>I would like to say: </p>
  5.  
  6. html代码：
  7. <p>I would like to say: </p>
  8. <p>I would like to say: </p>
  9. <b class="foo">Hello</b>
  10. <b class="foo">Good Bye</b>
  11. jquery代码：
  12. $("p").prepend( $(".foo")[0] );
  13. 结果：
  14. <p><b class="foo">Hello</b>I would like to say: </p>
  15. <p><b class="foo">Hello</b>I would like to say: </p>
  16. <b class="foo">Good Bye</b>
  17.  
  18. appenedTo，prependTo
  19.  
  20. html代码：
  21. <p>I would like to say: </p>
  22. <div></div><div></div>
  23. jquery代码：
  24. $("p").appendTo("div");
  25. 结果：
  26. <div><p>I would like to say: </p></div>
  27. <div><p>I would like to say: </p></div>

外部插入

  1. before,after, 在段落之前/后插入
  2. $("p").before("<b>Hello</b>");
  3. $("p").after("<b>Hello</b>");
  4.  
  5. insertBefore,insertAfter
  6.  
  7. html代码
  1. <div id="foo">Hello</div><p>I would like to say: </p>
    jquery代码
  1. $("p").insertBefore("#foo");
    结果：
  1. <p>I would like to say: </p><div id="foo">Hello</div>

替换

  1. replaceWith  后面替换前面
  2. $("p").replaceWith("<b>Paragraph. </b>");
  3.  
  4. replaceAll    前面替换后面
  5. $("<b>Paragraph. </b>").replaceAll("p");

删除

  1. <p>Hello, <span>Person</span> <a href="#">and person</a></p>
  2.  
  3. $("p").empty(); 内容删除 保留<p></p>
  4.  
  5. $("p").remove();包括<p></p>全部删除

复制

  1. <b>Hello</b><p>, how are you?</p>
  2.  
  3. $("b").clone().prependTo("p");
  4.  
  5. 结果：
  6. <b>Hello</b><p><b>Hello</b>, how are you?</p>
  1.  

http://www.php100.com/manual/jquery/

jquery选择器，筛选器，属性，事件 基础的更多相关文章

  1. jQuery 选择器 筛选器 样式操作 文本操作 属性操作 文档处理 事件 动画效果 插件 each、data、Ajax

    jQuery jQuery介绍 1.jQuery是一个轻量级的.兼容多浏览器的JavaScript库. 2.jQuery使用户能够更方便地处理HTML Document.Events.实现动画效果.方 ...

  2. jQuery 初识 筛选器 属性选择器

    ---------------------------大事使我们惊讶,小事使我们沮丧,久而久之,我们对这二者都会习以为常. 一 jQuery是什么? ［1］   jQuery由美国人John Resi ...

  3. jquery选择器筛选器

    jQuery对象 Query 对象就是通过jQuery包装DOM对象后产生的对象.jQuery 对象是 jQuery 独有的. 如果一个对象是 jQuery 对象, 那么它就可以使用 jQuery 里 ...

  4. JQuery 选择器 筛选器

    什么是jQuery对象 参考:http://jquery.cuishifeng.cn/css.html jQuery 对象就是通过jQuery包装DOM对象后产生的对象.jQuery 对象是 jQue ...

  5. jQuery---jq基础了解(语法,特性),JQ和JS的区别对比,JQ和JS相互转换,Jquery的选择器(基础选择器,层级选择器,属性选择器),Jquery的筛选器(基本筛选器,表单筛选器),Jquery筛选方法

    jQuery---jq基础了解(语法,特性),JQ和JS的区别对比,JQ和JS相互转换,Jquery的选择器(基础选择器,层级选择器,属性选择器),Jquery的筛选器(基本筛选器,表单筛选器),Jq ...

  6. jquery 选择器、筛选器、事件绑定与事件委派

    一.jQuery简介 1.可用的jQuery服务器网站:https://www.bootcdn.cn/ jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTMLdocume ...

  7. 第三章 JQuery: HelloWorld--常见方法--css--选择器--筛选器--属性--效果--事件--数组操作--字符串操作--对象转换

    1.jQuery简介 为了简化JavaScript 的开发, 一些JavsScript 库诞生了. JavaScript库封装了很多预定义的对象和实用函数.能帮助使用者建立有高难度交互的页面, 并且兼 ...

  8. jQuery查找标签--选择器,筛选器,模态对话框, 左侧菜单栏

    查找标签 选择器: 基本选择器(同css) id选择器 $("#id") 标签选择器 $('tagName') class选择器 $(".className") ...

  9. Jquery选择器大全、属性操作、css操作、文档、事件等

    一.简介   定义  jQuery创始人是美国John Resig,是优秀的Javascript框架: jQuery是一个轻量级.快速简洁的javaScript库. jQuery对象  jQuery产 ...

  10. jQuery三——筛选方法、事件

    一.jquery常用筛选方法 以下为jquery的常用筛选方法: 代码示例如下: <!DOCTYPE html> <html lang="en"> < ...

随机推荐

  1. cocos2d-x 3.3 之卡牌设计 NO.4 定时器的使用（清理内存）

    我的卡牌游戏卡牌有两个类.各自是OpenCard和CardSprite. 不知道分成两个是不是有些奇怪.我分开的原因是:一个卡牌用来当手牌,一个用来当场上的牌,这样说是不是更加奇怪了.. 玩家类里定义 ...

  2. cocos2d-x2.2.5走四棋儿源代码“开源”

    尊重开发人员的劳动成果.转载请注明From郝萌主 游戏简单介绍: 一款益智棋类游戏,通过两枚棋子对上敌方的一枚棋子便可击杀对方. 游戏界面精美简洁,游戏规则简单明了,AI聪明有趣. 人人对战,人机对战 ...

  3. mongodb配置主从模式

    Mongodb的replication主要有两种:主从和副本集(replica set).主从的原理和mysql类似,主节点记录在其上的所有操作oplog,从节点定期轮询主节点获取这些操作,然后对自己 ...

  4. YTU 2543: 数字整除

    2543: 数字整除 时间限制: 1 Sec  内存限制: 128 MB 提交: 33  解决: 8 题目描述 定理:把一个至少两位的正整数的个位数字去掉,再从余下的数中减去个位数的5倍.当且仅当差是 ...

  5. USACO Section 1.2PROB Miking Cows

    贪心做过去,先对每个时间的左边点进行排序,然后乱搞,当然线段树也可以做 /* ID: jusonal1 PROG: milk2 LANG: C++ */ #include <iostream&g ...

  6. [APIO2018]Circle selection

    https://www.zybuluo.com/ysner/note/1257597 题面 在平面上,有\(n\)个圆,记为\(c_1,c_2,...,c_n\).我们尝试对这些圆运行这个算法: 找到 ...

  7. Tool：CorelDRAW

    ylbtech-Tool:CorelDRAW 1.返回顶部   2.返回顶部   3.返回顶部   4.返回顶部   5.返回顶部 1. https://baike.baidu.com/item/Co ...

  8. 使用WinSXS进行系统盘瘦身Windows 7/2008/10/2012不断变大的C盘（Windows 更新清理）

    这是一款非常给力的国产良心小工具,用阿里云ECS的时候,一个C盘没多久就被坑爹的微软更新沉余文件塞满.此工具简单好用一下搞定! 操作系统: 所有 NT 6.X 内核的操作系统.比如 Windows V ...

  9. java笔记线程方式1优先级

    * 我们的线程没有设置优先级,肯定有默认优先级. * 那么,默认优先级是多少呢? * 如何获取线程对象的优先级? *   public final int getPriority():返回线程对象的优 ...

  10. CodeForces 446A DZY Loves Sequences (DP+暴力)

    题意:给定一个序列,让你找出一个最长的序列,使得最多改其中的一个数,使其变成严格上升序列. 析:f[i] 表示以 i 结尾的最长上升长度,g[i] 表示以 i 为开始的最长上升长度,这两个很容易就求得 ...