jQuery隱藏和顯示效果實(shí)現(xiàn)
實(shí)例
jQuery hide()
簡單的jQuery hide()方法演示。
jQuery hide()
另一個(gè)hide()實(shí)例。演示如何隱藏文本。
jQuery hide() 和 show()
通過 jQuery,您可以使用 hide() 和 show() 方法來隱藏和顯示 HTML 元素:
實(shí)例
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
語法:
$(selector).hide(speed,callback); $(selector).show(speed,callback);
可選的 speed 參數(shù)規(guī)定隱藏/顯示的速度,可以取以下值:"slow"、"fast" 或毫秒。
可選的 callback 參數(shù)是隱藏或顯示完成后所執(zhí)行的函數(shù)名稱。
下面的例子演示了帶有 speed 參數(shù)的 hide() 方法:
實(shí)例
$("button").click(function(){
$("p").hide(1000);
});
jQuery toggle()
通過 jQuery,您可以使用 toggle() 方法來切換 hide() 和 show() 方法。
顯示被隱藏的元素,并隱藏已顯示的元素:
實(shí)例
$("button").click(function(){
$("p").toggle();
});
語法:
$(selector).toggle(speed,callback);
可選的 speed 參數(shù)規(guī)定隱藏/顯示的速度,可以取以下值:"slow"、"fast" 或毫秒。
可選的 callback 參數(shù)是 toggle() 方法完成后所執(zhí)行的函數(shù)名稱。
相關(guān)文章
基于jquery實(shí)現(xiàn)發(fā)送文章到手機(jī)的代碼
這篇文章主要介紹了基于jquery實(shí)現(xiàn)發(fā)送文章到手機(jī)的代碼,非常簡單實(shí)用,需要的朋友可以參考下2014-12-12
jquery實(shí)現(xiàn)頁面關(guān)鍵詞高亮顯示的方法
這篇文章主要介紹了jquery實(shí)現(xiàn)頁面關(guān)鍵詞高亮顯示的方法,實(shí)例分析了jQuery插件highlight實(shí)現(xiàn)高亮顯示的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-03-03
jquery實(shí)現(xiàn)具有收縮功能的垂直導(dǎo)航菜單
這篇文章主要介紹了jquery實(shí)現(xiàn)具有收縮功能的垂直導(dǎo)航菜單點(diǎn)擊可以展開折疊的導(dǎo)航菜單,感興趣的小伙伴們可以參考一下2016-02-02
基于jquery的一個(gè)OutlookBar類,動(dòng)態(tài)創(chuàng)建導(dǎo)航條
初學(xué)jquery,如有錯(cuò)誤,請高手們指出想看效果及完整代碼的可以下載rar包2010-11-11
JQ技術(shù)實(shí)現(xiàn)注冊頁面帶有校驗(yàn)密碼強(qiáng)度
這篇文章主要介紹了JQ技術(shù)實(shí)現(xiàn)注冊頁面帶有校驗(yàn)密碼強(qiáng)度,需要的朋友可以參考下2015-07-07
10分鐘學(xué)會(huì)寫Jquery插件實(shí)例教程
這篇文章主要介紹了10分鐘學(xué)會(huì)寫Jquery插件,通過一個(gè)實(shí)例分兩步完成一個(gè)簡單的插件,非常實(shí)用,需要的朋友可以參考下2014-09-09
Jquery多選框互相內(nèi)容交換的實(shí)例代碼
這篇文章介紹了Jquery多選框互相內(nèi)容交換的實(shí)例代碼,有需要的朋友可以參考一下2013-07-07

