jQuery--(4)效果

#1.隱藏/顯示元素
調用jQuery的hide()與show()函數

//隱藏點擊的元素
$("#test1").click(function(){
  $(this).hide();
});
//顯示點擊的元素
$("#test1").click(function(){
  $(this).show();
});

語法是
$(selector).hide(speed,callback)
speed：表示隱藏的速度，取值範圍：slow、fast、任意毫秒
callback：該元素隱藏後執行的函數名稱
可使用jQuery toggle()函數來切換hide()與show()方法
#2.淡入淡出
語法：$(selector).fadeIn(speed,callback)
能夠實現元素漸漸的出現/消失
#3.上下滑動
語法：$(selector).slideDown(speed,callback)
#4.動畫
語法：$(selector).animate({params},speed,callback)
params：該參數決定元素執行什麼類型的動畫，必需要有
例如：點擊按鈕將一個div向右移動250px

$("button").click(function(){
  $("div").animate({left:'250px'});
});

解釋：如上是將div的left屬性設置成250，即左邊距爲250，即div向右移250px。
注意：params參數中能夠設置多個屬性。
#5.中止動畫
語法：$(selector).stop(stopAll,goToEnd)