本文執行個體講述了jQuery實作基本隐藏與顯示效果的方法。分享給大家供大家參考，具體如下：
jQuery 隐藏/顯示
文法:
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
eg1:
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});
田XX，我愛你。
傻X，田XX。
滾X,田XX。
運作結果：
eg2:
$(document).ready(function(){
$(".ex .hide").click(function(){
$(this).parents(".ex").hide("slow");
});
});
div.ex{
background-color:#e5eecc;
padding:7px;
border:solid 1px #c3c3c3;
}
我愛你
隐藏
姓名：田XX
田大大
田傻逼
運作結果：
jQuery toggle()
使用toggle()方法來切換hide()和show()方法。
$(document).ready(function(){
$("button").click(function(){
$("p").toggle();
});
});
切換
這是個段落
運作結果：
感興趣的朋友可以使用線上HTML/CSS/JavaScript代碼運作工具http://tools.jb51.net/code/HtmlJsRun測試上述代碼運作效果。
希望本文所述對大家jQuery程式設計有所幫助。