jQuery中點擊按鈕如何實現(xiàn)顯示與隱藏的方法？這個問題可能是我們日常學習或工作經常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純热?，讓我們一起來看看吧?/p>

成都創(chuàng)新互聯(lián)公司堅持“要么做到，要么別承諾”的工作理念，服務領域包括：網站設計、成都網站制作、企業(yè)官網、英文網站、手機端網站、網站推廣等服務，滿足客戶于互聯(lián)網時代的杜爾伯特網站設計、移動媒體設計的需求，幫助企業(yè)找到有效的互聯(lián)網解決方案。努力成為您成熟可靠的網絡建設合作伙伴！

以下介紹jQuery實現(xiàn)點擊顯示和隱藏的兩種方法，一個是toggle()方法，另一個是jquery中的 hide() 和 show()方法。

注：一定要記得引入jQuery文件，否則無法實現(xiàn)效果

一、jquery中的toggle()方法

toggle() 方法可以在其中添加兩個或多個函數(shù)，然后通過 click 事件進行切換，點擊時先調用第一個指定函數(shù)，再次點擊時調用第二個函數(shù)，以此類推，循環(huán)調用。

語法：$(selector).toggle(function)

function指點擊時需要運行的函數(shù)

實例描述：當首次點擊“顯示與隱藏切換”按鈕時，隱藏P標簽的內容，當再次點擊時，顯示P標簽的內容，完整代碼如下：

 
  
  
  
 
 
  顯示與隱藏切換
  
我可以顯示也可以隱藏
  
啦啦啦
 
 

由下圖所示，第一張圖是沒有點擊時的效果，第二張圖是第一次點擊時的效果，將內容隱藏起來了。

二、jquery中的 hide() 和 show()方法

hide() 方法可以將被選元素隱藏起來，類似于 CSS 中的 display:none 屬性。show() 方法可以顯示隱藏的被選元素。 hide() 和 show()用法都一樣，只是一個顯示一個隱藏。

語法：$(selector).hide(speed,easing,callback)

speed表示顯示效果的速度，是一個可選值（slow，fast，毫秒）
easing用于設置動畫的不同點上元素的速度，是一個可選值（swing，linear）
callback表示show()方法執(zhí)行完之后，需要執(zhí)行的函數(shù)，也是一個可選值

實例描述：當點擊“隱藏”按鈕時，隱藏P標簽的內容，當點擊“顯示”按鈕時，顯示P標簽的內容，具體代碼如下：

 
  
  
  
 
 
  
點擊隱藏按鈕，文字消失
點擊顯示按鈕，文字重現(xiàn)
  隱藏
  顯示
 
 

效果如圖所示：

感謝各位的閱讀！看完上述內容，你們對jQuery中點擊按鈕如何實現(xiàn)顯示與隱藏的方法大概了解了嗎？希望文章內容對大家有所幫助。如果想了解更多相關文章內容，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。