這篇文章主要講解了“jquery如何實(shí)現(xiàn)點(diǎn)擊顯示元素再次點(diǎn)擊隱藏元素”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“jquery如何實(shí)現(xiàn)點(diǎn)擊顯示元素再次點(diǎn)擊隱藏元素”吧！

成都做網(wǎng)站、網(wǎng)站制作的關(guān)注點(diǎn)不是能為您做些什么網(wǎng)站，而是怎么做網(wǎng)站，有沒(méi)有做好網(wǎng)站，給創(chuàng)新互聯(lián)一個(gè)展示的機(jī)會(huì)來(lái)證明自己，這并不會(huì)花費(fèi)您太多時(shí)間，或許會(huì)給您帶來(lái)新的靈感和驚喜。面向用戶友好，注重用戶體驗(yàn)，一切以用戶為中心。

方法：1、用click()方法給按鈕綁定點(diǎn)擊事件并指定處理函數(shù)；2、在函數(shù)中用if語(yǔ)句、show()和hide()實(shí)現(xiàn)，語(yǔ)法“if(元素對(duì)象.is(':hidden')){元素對(duì)象.show();}else{元素對(duì)象.hide();}”。

本教程操作環(huán)境：windows7系統(tǒng)、jquery1.10.0版本、Dell G3電腦。

jquery怎樣實(shí)現(xiàn)點(diǎn)擊顯示元素再次點(diǎn)擊隱藏元素

在jquery中，可以通過(guò)show()方法和hide()方法來(lái)實(shí)現(xiàn)點(diǎn)擊按鈕顯示再次點(diǎn)擊隱藏，hide()方法如果被選的元素已被顯示，則隱藏該元素。語(yǔ)法為：

$(selector).hide(speed,callback)

show()方法如果被選元素已被隱藏，則顯示這些元素，語(yǔ)法為：

$(selector).show(speed,callback)

下面我們通過(guò)示例來(lái)看一下怎樣實(shí)現(xiàn)縣級(jí)顯示再次點(diǎn)擊隱藏，示例如下：

div{width:100px;
height:100px;
background: red;
}