1、谈出隐藏
fadeOut()
2、淡入显示
fadeIn()
3、隐藏元素
hide() 直接隐藏
hide( 3000 ) 动画隐藏过程为3秒
hide(3000,function(){
alert('执行3000ms动画完毕')
} // 3秒后执行弹出对话框
4、显示元素
show() 直接显示
show( 3000 ) 动画显示过程为3秒
hide(3000).show(3000) 隐藏后显示
隐藏或显示都是会改变元素高度，高度，透明度开始，show与hide方法是修改的display属性
5、显示与隐藏切换
toggle() 显示与隐藏切换
如果元素是最初显示，它会被隐藏，如果隐藏的，它会显示出来
6、下拉动画
slideDown()下拉动画是从无到有，所以一开始元素是需要先隐藏起来的，可以设置display:none
$("#a2").slideDown(3000,function(){alert('动画执行结束') 3秒后执行其他动作
7、上卷动画
slideUp()
8、上卷下拉切换
slideToggle("fast") 切换快200毫秒
slideToggle("slow") 切换慢600毫秒
9、淡入淡出切换
fadeToggle()
10、淡入效果值设定
fadeTo(1000,0.2) //等同于将opacity属性设定为0.2
11、效果比较
toggle() ：切换显示与隐藏效果改变样式display，动态效果为从右至左
slideToggle() ：切换上下拉卷滚效果设置位置高度，动态效果从下至上。竖向动作
fadeToggle() ：切换淡入淡出效果 设置透明度，通过高度变化来切换所有匹配元素的可见性
12、用样式设定动画
animate({样式}，时间,回调函数)
animate({height: "toggle"},1000,function(){alert("动画 fontSize执行完毕!");})
像画圈放下，时间为1秒，之后弹出“动画 fontSize执行完毕!”
animate({
width:300,
height :300
})
animate({
width:"+=100px",
height : "+=100px"
})
13、观察动画执行状态
animate 可以传递一个对象参数，可以拿到动画执行状态一些通知，如实时显示谈出谈入的高度数值
详情：http://www.imooc.com/code/10178
14、中停止动画
1、stop()：只会停止第一个动画，第二个第三个继续
2、stop(true)：停止第一个、第二个和第三个动画
3、stop(true ture)：停止动画，直接跳到第一个动画的最终状态
$(this).stop().animate({ width:120},200)
15、遍历
each就是for循环方法的一个包装
$('li').each(function(){
alert($(this).text());
})//输出每个li的值
$.each(['元素一', '元素二'], function(i, item){
$('#demo').append("索引=" + i + "; 元素=" + item);})
$.each({name:"明明",age:28},function(property,value){
$('#demo2').append("属性名:" + property + ";属性值:" + value);})
var arra=['元素1','元素二'];
$(arra).each(function(i,item){
alert(item);
})
回调函数中传入的两个参数，如果遍历的是数组，第一个参数是索引值，第二个参数是数组的值；如果遍历是对象，第一个参数是属性，第二个参数是属性值。
16、查找数组中的索引
jQuery.inArray( value, array ,[ fromIndex ] )
value是需要查找的值，array 是数组元素，fromIndex 是起始位置
var index=$.inArray('a',['a','b','c','d','a','c']);
alert(index) //输出0
var index=$.inArray('a',['a','b','c','d','a','c'],2);
alert(index) //输出4
17、去空格神器
$.trim() 常用于判断用户输入的账号或密码值是否有空，如" 123456 "
<input type="text" value=" 文本">
<input type="text" value=" 文本">
var inputval=$.trim($('input:eq(0)').val()).length; //输出3
var inputval=$.trim($('input:eq(1)').val()).length; //输出2
18、DOM元素的获取get方法
get方法是获取dom对象，对应方法即 $().get().style()
eq方法是获取jq对象，对应方法即 $().get().css()
get方法还可以从后往前索引，传递一个负索引值，注意的负值的索引起始值是-1
19、DOM元素的获取index（索引）方法
如果不传递任何参数给 .index() 方法，则返回值就是jQuery对象中第一个元素相对于它同辈元素的位置
<p></p>
<li id="test1">1</li>
<li id="test2">2</li>
<li id="test3">3</li>
$span.text($("li").index()) 输出 1
如果在一组元素上调用 .index() ，并且参数是一个DOM元素或jQuery对象， .index() 返回值就是传入的元素相对于原先集合的位置
$span.text($("li").index(document.getElementById("test3")) 输出 2
如果参数是一个选择器， .index() 返回值就是原先元素相对于选择器匹配元素的位置。如果找不到匹配的元素，则 .index() 返回 -1
$span.text($("li").index($("#test2"))) 输出1
