網頁設計

當前位置 /首頁/設計製作/網頁設計/列表

jQuery中hide()方法運用示例

  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程式設計有所幫助。

TAG標籤:示例 Jquery hide #