jQuery隱藏和顯示效果實現(xiàn)
實例
jQuery hide()
簡單的jQuery hide()方法演示。
jQuery hide()
另一個hide()實例。演示如何隱藏文本。
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 參數(shù)規(guī)定隱藏/顯示的速度,可以取以下值:"slow"、"fast" 或毫秒。
可選的 callback 參數(shù)是隱藏或顯示完成后所執(zhí)行的函數(shù)名稱。
下面的例子演示了帶有 speed 參數(shù)的 hide() 方法:
實例
$("button").click(function(){ $("p").hide(1000); });
jQuery toggle()
通過 jQuery,您可以使用 toggle() 方法來切換 hide() 和 show() 方法。
顯示被隱藏的元素,并隱藏已顯示的元素:
實例
$("button").click(function(){ $("p").toggle(); });
語法:
$(selector).toggle(speed,callback);
可選的 speed 參數(shù)規(guī)定隱藏/顯示的速度,可以取以下值:"slow"、"fast" 或毫秒。
可選的 callback 參數(shù)是 toggle() 方法完成后所執(zhí)行的函數(shù)名稱。
相關(guān)文章
jQuery實現(xiàn)點擊文本框彈出熱門標(biāo)簽的提示效果
點擊文本框彈出熱門標(biāo)簽的效果實現(xiàn)方法有很多,在本文為大家詳細(xì)介紹下使用jQuery是如何實現(xiàn)的,感興趣的朋友不要錯過2013-11-11jQuery使用toggleClass方法動態(tài)添加刪除Class樣式的方法
這篇文章主要介紹了jQuery使用toggleClass方法動態(tài)添加刪除Class樣式的方法,實例分析了jQuery中toggleClass方法操作class樣式的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03jQuery Ajax自定義分頁組件(jquery.loehpagerv1.0)實例詳解
這篇文章主要介紹了jQuery Ajax自定義分頁組件(jquery.loehpagerv1.0)實例詳解,需要的朋友可以參考下2017-05-05JQuery 操作select標(biāo)簽實現(xiàn)代碼
我們經(jīng)常遇到要操作DOM元素,例如<select>,在Asp.net中Dropdownlist原型就是select。2010-05-05javascript jQuery $.post $.ajax用法
這是一個簡單的 POST 請求功能以取代復(fù)雜 $.ajax 。請求成功時可調(diào)用回調(diào)函數(shù)。如果需要在出錯時執(zhí)行函數(shù),請使用 $.ajax。2008-07-07jQuery獲取所有父級元素及同級元素及子元素的方法(推薦)
這篇文章主要介紹了jQuery獲取所有父級元素及同級元素及子元素的方法,本文給大家介紹的非常詳細(xì),具有參考借鑒價值 ,需要的朋友可以參考下2018-01-01