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中的ajax方法怎樣通過(guò)JSONP進(jìn)行遠(yuǎn)程調(diào)用
這一節(jié)主要演示下在JQUERY中的ajax方法怎樣通過(guò)JSONP進(jìn)行遠(yuǎn)程調(diào)用,需要的朋友可以參考下2014-04-04
MultiSelect左右選擇控件的設(shè)計(jì)與實(shí)現(xiàn)介紹
由于項(xiàng)目中用到左右選擇的控件，網(wǎng)上找了一些相關(guān)的實(shí)現(xiàn)，基本上有兩個(gè):1、基于JQuery UI的控件2、某個(gè)兄弟手寫(xiě)的一個(gè)控件,具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下哈2013-06-06
jquery自定義類(lèi)似$.ajax()的方法實(shí)現(xiàn)代碼
$.ajax()的方法想必大家都不會(huì)陌生，下面為大家介紹下使用jquery自定義類(lèi)實(shí)現(xiàn)類(lèi)似$.ajax()的方法，感興趣的朋友可以參考下2013-08-08
javascript（基于jQuery）實(shí)現(xiàn)鼠標(biāo)獲取選中的文字示例【測(cè)試可用】
這篇文章主要介紹了javascript（基于jQuery）實(shí)現(xiàn)鼠標(biāo)獲取選中的文字,涉及jQuery響應(yīng)鼠標(biāo)事件及頁(yè)面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-10-10
文章介紹了幾個(gè)在jQuery中非常有用的遍歷函數(shù)，遍歷函數(shù)是做么的方便。當(dāng)在它們一起使用時(shí)，它們將更加強(qiáng)大。也就是說(shuō)，一個(gè)函數(shù)的輸出是另一個(gè)函數(shù)的輸入，它們是鏈?zhǔn)降?。下面我們就?lái)詳細(xì)探討下吧。2015-07-07
這篇文章主要為大家詳細(xì)介紹了基于jquery實(shí)現(xiàn)九宮格拼圖小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11
本篇文章介紹了jQuery實(shí)現(xiàn)表格的排序方法與主要思路，相信會(huì)對(duì)大家有所幫助，下面就跟小編一起來(lái)看看吧2016-12-12
Jquery index()方法 獲取相應(yīng)元素索引值
昨天做一個(gè)Jqery效果，要獲取相應(yīng)元素的索引值，暈，又忘記了?，F(xiàn)在記錄下來(lái)，以后再次忘記好查怎么獲取相應(yīng)元素的索引值2012-10-10
jquery簡(jiǎn)單實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)導(dǎo)航條改變背景圖
鼠標(biāo)經(jīng)過(guò)導(dǎo)航條改變背景圖的效果很是好看，下面為大家介紹下使用jquery是如何實(shí)現(xiàn)的，感興趣的朋友可以參考下2013-12-12
each() 方法規(guī)定為每個(gè)匹配元素規(guī)定運(yùn)行的函數(shù)。這篇文章主要給大家介紹jQuery中each方法的使用詳解，需要的朋友參考下吧2018-03-03