1 show()方法和hide()方法

$("selector").show()
?從display:none還原元素默認或已設置的display屬性
$("selector").hide()
?設置元素的display樣式為none，等于$("selector").css("display","none")
（注： 傳入參數后，.show()和.hide()方法同時動畫改變元素的width,height和透明屬性；傳入參數控制顯隱速度，單位毫秒， 如.show(600)，也可傳入fast,normal,slow，fast為200毫秒，normal為400毫秒，slow為600毫秒）

2 fadeIn()方法和fadeOut()方法

$("selector").fadeIn()
?控制透明度在指定時間內從display:none提高至完全顯示
$("selector").fadeOut()
?控制透明度在指定時間內降低至display:none;

3 slideUp()方法和slideDown()方法

$("selector").slideUp()
?控制元素高度在指定時間內從下到上縮短至display:none;
$("selector").slideDown()
?控制元素高度在指定時間內從display:none延伸至完整高度

4 自定義動畫方法animate()

$("selector").animate(params,speed,callback);
?params:一個包含樣式屬性及值的映射，比如{property1:"value1",property2:"value2",...}
?speed:速度參數，可選
?callback:在動畫完成時執行的參數（即回調函數），可選

轉載于:https://www.cnblogs.com/jiangchunhui/p/3361736.html

總結

以上是生活随笔為你收集整理的JQuery Show()的几种效果的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。