jQuery實(shí)現(xiàn)多個(gè)li點(diǎn)擊切換和顯示隱藏

新建HTML文件。引入jquery.min.js文件。創(chuàng)建HTML內(nèi)容。預(yù)覽效果如圖。用jquery創(chuàng)建點(diǎn)擊事件，點(diǎn)擊隱藏按鈕，p內(nèi)容隱藏。用jquery創(chuàng)建點(diǎn)擊事件，點(diǎn)擊顯示按鈕，p內(nèi)容顯示。

新建ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書(shū)未來(lái)市場(chǎng)廣闊！成為成都創(chuàng)新互聯(lián)的ssl證書(shū)銷售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：13518219792（備注：SSL證書(shū)合作）期待與您的合作！

Jquery使用內(nèi)置的show和hide方法就可以實(shí)現(xiàn)，具體的操作步驟首先需要打開(kāi)hbuilder編輯器，新建一個(gè)a標(biāo)簽和一段隱藏的div，設(shè)置好它們的id屬性，并設(shè)置一些簡(jiǎn)單的樣式：然后引入Jquery的庫(kù)文件，編寫(xiě)代碼。

新建一個(gè)html文件，命名為test.html，在test.html文件內(nèi)，使用ul標(biāo)簽、li標(biāo)簽創(chuàng)建一個(gè)列表，用于測(cè)試。在test.html文件內(nèi)，給ul標(biāo)簽設(shè)置一個(gè)id屬性，用于獲得ul對(duì)象。

用jquery怎么實(shí)現(xiàn)點(diǎn)擊顯示,再一次點(diǎn)擊隱藏

最簡(jiǎn)單的方法：(document).ready(function(e){$(.but).click(function(e){$(.abc).toggle()；})；})；toggle()的作用就是當(dāng)對(duì)象是顯示的就隱藏，當(dāng)是隱藏的則顯示。

新建HTML文件。引入jquery.min.js文件。創(chuàng)建HTML內(nèi)容。預(yù)覽效果如圖。用jquery創(chuàng)建點(diǎn)擊事件，點(diǎn)擊隱藏按鈕，p內(nèi)容隱藏。用jquery創(chuàng)建點(diǎn)擊事件，點(diǎn)擊顯示按鈕，p內(nèi)容顯示。

本文實(shí)例講述了jquery實(shí)現(xiàn)點(diǎn)擊展開(kāi)列表同時(shí)隱藏其他列表。分享給大家供大家參考。具體如下：這里使用jquery實(shí)現(xiàn)展開(kāi)、隱藏特效，點(diǎn)擊列表標(biāo)題后該項(xiàng)內(nèi)容展開(kāi)，其它項(xiàng)收縮起來(lái)，也就是不顯示了。

jquery點(diǎn)擊對(duì)應(yīng)的按鈕顯示對(duì)應(yīng)的div?

首先，jquery顯示隱藏div是用的show()、hide()方法。

function(e) {//點(diǎn)擊事件 $(.abc).toggle()；//div元素如果是隱藏就會(huì)顯示，反之顯示就會(huì)隱藏 })；})；/script注：jquery的toggle() 方法的作用就是當(dāng)對(duì)象是顯示的就隱藏，當(dāng)是隱藏的則顯示。

方法有很多，可以設(shè)置CSS，也可以使用toggle()方法；我還是喜歡有圖有真相的方式，表達(dá)更明了。

獲取到div將display 設(shè)置成 block 唄。// 綁定單擊事件$(a).on(click， function() { // div 是 a 標(biāo)簽的下一個(gè)兄弟節(jié)點(diǎn)，直接獲取它即可。

分享標(biāo)題：jquery怎么點(diǎn)擊顯示 jquery點(diǎn)擊事件有什么方法顯示
鏈接分享：http://chinadenli.net/article16/diogddg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站收錄、定制開(kāi)發(fā)、App開(kāi)發(fā)、軟件開(kāi)發(fā)、、營(yíng)銷型網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)