這篇文章主要介紹了jquery如何實(shí)現(xiàn)點(diǎn)擊顯示點(diǎn)擊其他地方隱藏，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)建站致力于成都做網(wǎng)站、成都網(wǎng)站制作,成都網(wǎng)站設(shè)計(jì),集團(tuán)網(wǎng)站建設(shè)等服務(wù)標(biāo)準(zhǔn)化，推過(guò)標(biāo)準(zhǔn)化降低中小企業(yè)的建站的成本，并持續(xù)提升建站的定制化服務(wù)水平進(jìn)行質(zhì)量交付，讓企業(yè)網(wǎng)站從市場(chǎng)競(jìng)爭(zhēng)中脫穎而出。 選擇創(chuàng)新互聯(lián)建站，就選擇了安全、穩(wěn)定、美觀的網(wǎng)站建設(shè)服務(wù)！

方法：1、使用“$(按鈕元素).click(function(){$(元素).show();});”語(yǔ)句實(shí)現(xiàn)點(diǎn)擊按鈕顯示元素；2、利用“$("body *:not(元素)")”語(yǔ)句、click()和hide()方法實(shí)現(xiàn)點(diǎn)擊其他地方隱藏元素。

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

jquery怎樣實(shí)現(xiàn)點(diǎn)擊顯示點(diǎn)擊其他地方隱藏

在jquery中，可以利用click方法、:not選擇器、hide()和show()方法來(lái)實(shí)現(xiàn)點(diǎn)擊顯示點(diǎn)擊其他地方隱藏效果。

下面我們通過(guò)示例看一下怎樣點(diǎn)擊按鈕元素顯示，點(diǎn)擊除了按鈕的元素時(shí)元素隱藏。

示例如下：

$(document).ready(function(){
  $("body *:not(.intro)").click(function(){
    $("div").hide();
  });
  $(".intro").click(function(){
    $("div").show();
  });
});


    div{
        width:200px;
        height:200px;
        background-color:red;
    }




按鈕

輸出結(jié)果：

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“jquery如何實(shí)現(xiàn)點(diǎn)擊顯示點(diǎn)擊其他地方隱藏”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!