jQuery中hide()方法運用示例

來源:文萃谷 1.07W
  jQuery中hide()方法運用示例

此方法可以將匹配元素隱藏。

jQuery中hide()方法運用示例

hide()方法的用法:

此方法如果沒有對隱藏效果加以時間限定,那麼匹配元素會被瞬間隱藏。例如:

複製代碼 代碼如下:$("div")()

以上代碼可以將所有div元素瞬間隱藏。

如果方法對隱藏效果加以時間限定,那麼匹配元素將會在限定的事件內以比較優雅的形式隱藏。例如:

複製代碼 代碼如下:$("div")(2000)

以上代碼可以將所有div元素在2000毫秒(2秒)內隱藏。

此方法也可以在隱藏完成後觸發一個回調函數。例如:

複製代碼 代碼如下:$("div")(2000,function(){alert("我隱藏好了")});

實例代碼:

複製代碼 代碼如下:

div{

color:blue;

background-color:green;

width:100px;

height:100px;

margin-top:10px;

}

$(document)y(function(){

$("#first")k(function(){

$("t")();

})

$("#second")k(function(){

$("nd")(2000,function(){alert("我隱藏好了")});

})

})

瞬間隱藏

優雅的'隱藏

以上代碼能夠在隱藏完成以後觸發回調函數,於是彈出一個提示框。

希望本文所述對大家的jQuery程序設計有所幫助。

熱門標籤