jQuery簡單實現(xiàn)隱藏以及顯示特效
更新時間:2015年02月26日 11:54:36 投稿:hebedich
這篇文章主要介紹了jQuery簡單實現(xiàn)隱藏以及顯示特效,需要的朋友可以參考下
簡單的 隱藏以及顯示的代碼如下:
復制代碼 代碼如下:
<!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">如果點擊“隱藏”按鈕,我就會消失。</p>
<button id="hide" type="button">隱藏</button>
<button id="show" type="button">顯示</button>
</body>
</html>
效果很不錯,代碼也很簡單,希望大家能夠喜歡。
相關文章
在jquery中的ajax方法怎樣通過JSONP進行遠程調(diào)用
這一節(jié)主要演示下在JQUERY中的ajax方法怎樣通過JSONP進行遠程調(diào)用,需要的朋友可以參考下2014-04-04
MultiSelect左右選擇控件的設計與實現(xiàn)介紹
由于項目中用到左右選擇的控件,網(wǎng)上找了一些相關的實現(xiàn),基本上有兩個:1、基于JQuery UI的控件2、某個兄弟手寫的一個控件,具體實現(xiàn)如下,感興趣的朋友可以參考下哈2013-06-06
jquery自定義類似$.ajax()的方法實現(xiàn)代碼
$.ajax()的方法想必大家都不會陌生,下面為大家介紹下使用jquery自定義類實現(xiàn)類似$.ajax()的方法,感興趣的朋友可以參考下2013-08-08
javascript(基于jQuery)實現(xiàn)鼠標獲取選中的文字示例【測試可用】
這篇文章主要介紹了javascript(基于jQuery)實現(xiàn)鼠標獲取選中的文字,涉及jQuery響應鼠標事件及頁面元素屬性動態(tài)操作相關實現(xiàn)技巧,需要的朋友可以參考下2019-10-10
jquery簡單實現(xiàn)鼠標經(jīng)過導航條改變背景圖
鼠標經(jīng)過導航條改變背景圖的效果很是好看,下面為大家介紹下使用jquery是如何實現(xiàn)的,感興趣的朋友可以參考下2013-12-12

