首頁 > web前端 > js教程 > 關於jQuery 效果 - 隱藏和顯示的相關知識

關於jQuery 效果 - 隱藏和顯示的相關知識

jacklove
發布: 2018-05-08 11:44:15
原創
1247 人瀏覽過

隱藏、顯示、切換,滑動,淡入淡出,以及動畫,均可透過jquery來實現,本篇講講jquery的相關操作。

jQuery hide() 和show()

透過jQuery,您可以使用hide() 和show() 方法來隱藏和顯示HTML 元素:

$("#hide").click(function(){
  $("p").hide();
});
$("#show").click(function(){
  $("p").show();
});
登入後複製

語法:

$(selector).hide(speed,callback);
$(selector).show(speed,callback);
登入後複製

可選的speed 參數規定隱藏/顯示的速度,可以取以下值:"slow"、"fast" 或毫秒。

可選的 callback 參數是隱藏或顯示完成後所執行的函數名稱。

下面的範例示範了具有speed 參數的hide() 方法:

實例

$("button").click(function(){  $("p").hide(1000);});
jQuery toggle()
登入後複製

透過jQuery,您可以使用toggle() 方法來切換hide()和show() 方法。

顯示被隱藏的元素,並隱藏已顯示的元素:

實例

$("button").click(function(){
  $("p").toggle();
});
登入後複製

語法:

$(selector).toggle(speed,callback);
登入後複製

可選的speed 參數規定隱藏/顯示的速度,可以取以下值:"slow"、"fast" 或毫秒。

可選的 callback 參數是 toggle() 方法完成後所執行的函數名稱。

本篇對jquery的相關動畫做出了講解,更多的學習資料清關注p​​hp中文網即可觀看。

相關推薦:

關於jQuery 事件的相關知識點

SQL 伺服器- RDBMS相關知識

關於SQL NULL 值的相關知識點

以上是關於jQuery 效果 - 隱藏和顯示的相關知識的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板