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

2017年1月13日

1. 获得对象集中的某个元素

   $($('.menu')
) 数组的写法

   $('.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')