码农成长记——jquery淡入淡出 滑动效果

2017年1月13日
1. 获得对象集中的某个元素
   $($('.menu')[n]) 数组的写法
   $('.menu').eq(n) eq()函数的写法
2. <div class="menu"></div>
   $('.menu').css('background','red');
   for(var i=0;i<$('.menu').length;i++){
    $($('.menu')[i]).css('background','red');
   }
3. $(".menu").css(); 以什么方式获得的元素对象必须使用相对就的方法
   jquery获得的元素只能用jquery的方法 javascript获得的元素只能用js的方法
4. $(this).css().siblings().css()
   $(this).css();
   $(this).siblings().css();
5. 父子关系查找的时候一定要清楚
   菜单的长度（个数）跟内容的长度是一样的
   --对应
6. 淡入 淡出效果
   fadeIn('fast') fast/slow/500 时间参数
   fadeOut(5000)

2017年1月16日
1. slideUp()  向上收缩
   slideDown() 向下展开
   slideToggle() 交替
2. mouseover();
   mouseout();
   mouseleave();
3. .not() 函数  eg: $(img).not(':first').hide();将不是第一张的图片隐藏起来
   判断条件，给一个需要执行语句的条件有时不一定要写else的内容
4. .is(); 函数
   $(this).is('#menu'); 判断对象的ID
   $(this).is(':hidden') 判断对象的属性值
5. $('.menu img:eq(0)');
   $('.menu img:gt(0)'); 下标大于0的所有的元素
   $('.menu img:lt(2)'); 下标小于2的所有的元素
6. animate()方法
   animate({'top':'100px'},'slow')