jQuery簡(jiǎn)單實(shí)現(xiàn)隱藏以及顯示特效
更新時(shí)間：2015年02月26日 11:54:36 投稿：hebedich
這篇文章主要介紹了jQuery簡(jiǎn)單實(shí)現(xiàn)隱藏以及顯示特效,需要的朋友可以參考下
簡(jiǎn)單的 隱藏以及顯示的代碼如下：
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
});
</script>
</head>
<body>
<p id="p1">如果點(diǎn)擊“隱藏”按鈕，我就會(huì)消失。</p>
<button id="hide" type="button">隱藏</button>
<button id="show" type="button">顯示</button>
</body>
</html>
效果很不錯(cuò)，代碼也很簡(jiǎn)單，希望大家能夠喜歡。
相關(guān)文章
jQuery控制輸入框只能輸入數(shù)值的小例子，需要的朋友可以參考一下2013-03-03
本文主要介紹了Jqprint實(shí)現(xiàn)頁(yè)面打印的具體方法，并提供了Jqprint插件下載。具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-01-01
jQuery實(shí)現(xiàn)點(diǎn)擊旋轉(zhuǎn)，再點(diǎn)擊恢復(fù)初始狀態(tài)動(dòng)畫(huà)效果示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)點(diǎn)擊旋轉(zhuǎn)，再點(diǎn)擊恢復(fù)初始狀態(tài)動(dòng)畫(huà)效果,結(jié)合實(shí)例形式分析了jQuery事件響應(yīng)及頁(yè)面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-12-12
運(yùn)用jQuery寫(xiě)的驗(yàn)證表單(實(shí)例講解)
下面小編就為大家?guī)?lái)一篇運(yùn)用jQuery寫(xiě)的驗(yàn)證表單(實(shí)例講解)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
jquery無(wú)限級(jí)聯(lián)下拉菜單簡(jiǎn)單實(shí)例演示
這篇文章主要向大家推薦了一個(gè)jquery無(wú)限級(jí)聯(lián)下拉菜單簡(jiǎn)單實(shí)例演示，感興趣的小伙伴們可以參考一下2015-11-11
讓jQuery Mobile不顯示討厭loading界面的方法
jQuery Mobile總是顯示討厭的loading界面，下面有個(gè)不錯(cuò)的解決方法，大家可以參考下2014-02-02
jquery 經(jīng)典動(dòng)畫(huà)菜單效果代碼
JS·經(jīng)典·炫彩菜單(動(dòng)畫(huà)效果) for jquery2010-01-01
這篇文章主要介紹了提升jQuery的性能需要做好的七件事，希望真的幫助大家提升jQuery性能,需要的朋友可以參考下2016-01-01
jQuery創(chuàng)建平滑的頁(yè)面滾動(dòng)(頂部或底部)
如何創(chuàng)建一個(gè)平滑的滾動(dòng)效果是本文的目的使用jQuery讓您可以滾動(dòng)到你的網(wǎng)頁(yè)的頂部或底部,相當(dāng)不錯(cuò)的一個(gè)效果，感興趣的你可不要錯(cuò)過(guò)了哈2013-02-02
Tinymce+jQuery.Validation使用產(chǎn)生的BUG
在IE6下，當(dāng)頁(yè)面有advanced模式的Tinymce編輯器，并且，并且jquery.validation使用了jquery.metadata時(shí)會(huì)出現(xiàn)以下問(wèn)題2010-03-03