<th id="rq90m"><video id="rq90m"></video></th>

  • <th id="rq90m"></th>
    <th id="rq90m"><sup id="rq90m"></sup></th>
    1. <code id="rq90m"></code>
    2. 歡迎訪問士人網絡天水網站建設專業服務平臺
      網站地圖 | 聯系我們
      天水士人網絡
      天水網絡公司電話
      當前位置:主頁 > 網站建設 > 建站知識 >

      jquery如何在同一按鈕上點擊實現隱藏/顯示之間的切換

      時間:2020-05-26 | 來源:www.gaylse.com | 作者:云橫心際間 | 點擊: 1309 次

      jquery如何在同一按鈕上點擊實現隱藏/顯示之間的切換

        在很多應用中,都有這樣的功能,點擊同一個按鈕可以實現div的隱藏或者顯示,當然操作的并非必須是按鈕或者div,不過原理是一樣的,下面天水網絡公司小編就通過代碼實例介紹一下如何實現此功能的方法。

        方法一:通過toggle事件實現

        

        需要強調的是,toggle()在jquery1.8版本之后已經被淘汰了,如果你使用了高版本這種方法實現不了。

        方法二:通過slideToggle() 方法實現

        

        這種方法實現最簡潔,但其缺陷是“隱藏”、“顯示”文本的切換卻無法實現。

        方法三:通過click事件hide()和show()方法實現

        

        這種方法是我們推薦的方法,不過您可根據自己的項目情況來選擇使用哪一種。當然,除了上述三種,還有其他的實現方法,如通過css()或addClass()添加css樣式display:block或display:none來達到項目需求。