jQuery 的属性和方法

animate()动画方法

$("p").animate(JS对象, 动画时间, 回调函数/动画类型)

不同元素的动画效果能同时进行

• 例如

    $("div:eq(0)").animate({"width":600},1000);
    $("div:eq(1)").animate({"height":600},1000);

eq()方法

$("p").eq(0)

获取第N个参数

index()方法

$(this).index()

搜索匹配的元素，并返回相应元素的索引值，从0开始计数。

• 如果参数是一组DOM元素或者jQuery对象，那么返回值就是传递的元素相对于原先集合的位置。
• 如果参数是一个选择器，那么返回值就是原先元素相对于选择器匹配元素中的位置。如果找不到匹配的元素，则返回-1。

each()

$("p").each(function(i) {   })

遍历：方法规定为每个匹配元素规定运行的函数

length属性

$("p").length

输出元素对象中的数目

is() 方法

$("p").is(":animated")    当前元素是否在执行动画

判断当前jQuery对象所匹配的元素是否符合指定的表达式。只要其中有至少一个元素符合该表达式就返回true，否则返回false。
实例

get()方法

jQuery 对象 --> js元素对象\DOM对象

获得由选择器指定的 DOM 元素。

css()方法

设置样式

    $("p").css( { "width": 200} )

获取样式

    $("p").css( "width" )

css函数用来读取、设置元素的css样式。可以读取计算后的样式的。

动画相关方法

show()、hide()、toggle()方法

show()显示、hide()隐藏、toggle()切换

1   $("div").show();        //让一个本身是display:none;元素显示
2   $("div").hide();        //隐藏元素display:none;
3   $("div").toggle();      //切换显示状态。自行带有判断，如果可见，就隐藏；否则显示

slideDown()、slideUp()、slideToggle()方法

slideDown : 下滑展开
slideUp：上滑收回
slideToggle : 滑动切换

$("div").slideDown();

slideDown()的起点一定是display:none换句话说，只有display:none的元素，才能够调用slideDown()

fadeIn()、fadeOut()、fadeTo()、fadeToggle()方法

fadeIn()淡入
fadeOut()淡出
fadeTo() 淡到那个数
fadeToggle() 淡出入切换

• fadeIn()的起点是display:none;换句话说，只有display:none的元素，才能执行fadeIn()

$("div").fadeIn(5000);

• fadeTo有三个参数，第一个参数是动画的时间，第二个参数是要变到的透明度，第三个参数是回调函数。

 $("div").fadeTo(1000,0.3);

fadeTo的起点不一定是display:none;

stop()

停止当前的animate动画，但是不清除队列，立即执行后面的animate动画：

$("div").stop();   //等价于$(“div”).stop(false,false);

停止当前的animate动画，并且清除队列，盒子留在了此时的位置：

$("div").stop(true);   //等价于$(“div”).stop(true,false);

瞬间完成当前的animate动画，并且清除队列：

$("div").stop(true,true);

瞬间完成当前的animate动画，但是不清楚队列，立即执行后面的动画：

$("div").stop(false,true);

finish()

finish()瞬间完成所有动画队列！

$("div").finish();//相当于$("div").stop(true,true);

delay()

delay延迟，可以使用连续打点，必须放在运动语句之前。

$("div").delay(1000).animate({"left":500},1000);

$("div").delay(1000).slideUp();
    
$("div").delay(1000).hide(1);   //必须写1，写1了就是运动