fadeToggle切换fadeOut与fadeIn效果，所谓“切换”，即如果元素当前是可见的，则将其隐藏（淡出）；如果元素当前是隐藏的，则使其显示（淡入）。

常用语法：.fadeToggle([duration],[complete])

.fadeIn([duration],[complete])

.duration:指定过渡动画运行多长时间（毫秒数），默认值400。该参数也可以为字符串"fast"(=200)或"slow"(=600)。

元素显示完毕后需要执行的函数。函数内的this指向当前DOM元素。

fadeIn()函数用于显示所有匹配的元素，并带有淡入的过渡动画效果。

注意：

淡入的动画原理：操作元素的不透明度从0%逐渐增加到100%

如果元素本身是可见的，不对其作任何改变。如果元素是隐藏的，则使其可见

fadeOut()函数用于隐藏所有匹配元素，并带有淡出的过渡动画效果

.fadeOut([duration],[complete])

基操：slideToggle()

提供参数:.slideToggle([duration],[complete])

注意：

display属性值保存在jQuery的数据缓存中，所以display可以方便以后可以恢复到其初始值

当一个隐藏动画后，高度值达到0的时候，display样式属性值被设置为none，以确保该元素不在影响页面布局

.slideup([duration],[,easing][,complete])

例子：

$("elem")。slideUp();

因为动画是异步的，所以要在动画之后执行某些操作就必须要写到回调函数里面，这里要特别注意

.slideDown()：用滑动动画显示一个匹配元素

.slideDown([duration][,complete])

例子：

$("ele").slideDown(1000,function(){})

toggle用于切换显示或隐藏匹配元素

基本的操作：toggle（）

提供的参数：.toggle([duration][,complete])

直接定位：.toggle(display)

toggle（）方法不止用于显示隐藏的切换

$(selector).toggle(function1(),function2(),functionN(),...)

第一次点击调用function1，第二次点击调用function2，第三次点击调用function3，以此类推循环调用所有function

只是用在显示和隐藏的切换上，不需要分别对show和hide的写函数，只需直接使用toggle就可以了

1、show( )和hide( )方法是修改的display属性，通过visibility属性布局需要通过css方法单独设置

     另display和visibility的区别：diaplay为none，即为块不存在，是不占用页面空间的隐藏

                                                  visibility为hidden，即为内容不可见，是占用页面空间的隐藏

2、样式中使用display：none！important或者diaplay：block！important，根据样式的优先级！important为最高级，show（）和hide（）使用则不起作用

     解决方式：1、$("#a1").attr("style","display:block !important");

                      2、原有的显示属性是在类选择器里，通过改变类名间接改变元素的显示，如addClass removeClass toogleClass方法

      所以不在逼不得已的情况下不使用！improtant

3、让show和hide成为动画，会改变元素的宽、高、透明度，可能致使页面结构变动，使用时需要考虑到

hide()方法的使用方式：

$(selector).hide(speed,callback)

1、无参数，效果类似于添加了display：none样式。也可以理解为默认了参数normal

2、有参数

     speed可以为：fast（200毫秒）、normal、slow（600毫秒）、具体毫秒值

     callback是hide()方法执行完后，再执行的内容，callback起作用的前提是设置了speed

     效果：在设置速度的情况下，元素从可见到隐藏的过程中，会逐渐地改变其高度、宽度、外边距、内边距和透明度。

回调函数中传入的两个参数，如果遍历的是数组，第一个参数是索引值，第二个参数是数组的值；如果遍历是对象，第一个参数是属性，第二个参数是属性值。

.val()方法，当没设置value属性时，获取的是<option>中的文本，如“ <option>慕课网</option>”获取到的是“慕课网”；
设置了value属性的话，获取到就是value的值，如“<option value=‘imooc’>慕课网</option>”获取到的是“imooc”而不是“慕课网”了。

$("#a1").stop().hide(3000).show(3000) //stop（） 用于避免动画执行过程中反复触发 //语法结构 $("#div").stop();//停止当前动画，继续下一个动画 $("#div").stop(true);//清除元素的所有动画 $("#div").stop(false, true);//让当前动画直接到达末状态 ，继续下一个动画 $("#div").stop(true, true);//清除元素的所有动画，让当前动画直接到达末状态

width: "toggle" //设置为左右隐藏
height:"toggle" //设置为上下滑动隐藏
opacity:"toggle" //设置为淡出淡入隐藏  opacity是透明度

如果你想改成eq()是可以的。但是你只把get()改成eq()是不行的。因为对$()用get()，那个$()所取到的元素就变成了dom，也就是变成了js。那么js取得的元素后面就必须跟js的方法或者属性，既$().get().style()。而不是$().get().css()。因为style是js独有的方法，而css()是jq独有的方法，get()方法后取得的js元素，它只能识别style()，而不能识别css()。