hide()方法隱藏選定的元素。
此方法通常與show()方法一起使用。
注意:隱藏的元素將不再影響頁面的布局。
$(selector).hide(duration, easing, callback)
此示例在單擊頁面時隱藏頁面上的段落:
$("p").click(function(){ $(this).hide(); });測試看看?/?
單擊按鈕時隱藏所有<p>元素:
$("button").click(function(){ $("p").hide(); });測試看看?/?
使用duration參數(shù):
$("button").click(function(){ $("p").hide(1000); });測試看看?/?
使用callback參數(shù):
$("button").click(function(){ $("div").hide(1000, function(){ alert("DIV被隱藏"); }); });測試看看?/?
動畫所有跨度(在這種情況下為單詞)以快速隱藏,在200毫秒內完成每個動畫:
$("button").click(function(){ $("span:last-child").hide("fast", function(){ $(this).prev().hide("fast", arguments.callee); }); });測試看看?/?
單擊超過2秒鐘時隱藏span元素,然后在隱藏時刪除span元素:
$("span").click(function(){ $(this).hide(2000, function(){ $(this).remove(); }); });測試看看?/?
參數(shù) | 描述 |
---|---|
duration | (可選)確定隱藏效果將運行多長時間。預設值為400毫秒 可能的值:
|
easing | (可選)一個字符串,指定在動畫的不同點上元素的速度。默認值為“ swing” 可能的值:
|
callback | (可選)hide()方法完成后,調用的函數(shù),每個選定元素調用一次 |