這篇文章主要介紹了jquery如何隱藏元素，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

成都創(chuàng)新互聯(lián)主要從事成都做網(wǎng)站、成都網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)龍州,10余年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):028-86922220

jquery隱藏元素的代碼：1、“$(選擇器).hide();”；2、“$(選擇器).toggle(1000);”；3、“$(選擇器).slideDown();”；4、“$(選擇器).css("display","none")”。

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

jquery隱藏元素的多種方法：

1、使用hide()

hide() 可隱藏可見元素：

$("button").click(function(){
  $("p").hide();
});

hide()經(jīng)常與show一起使用，用于切換顯隱

show()可顯示出隱藏元素。

$("button").click(function(){
  $("p").show();
});

2、使用toggle()方法

toggle() 方法切換元素的可見狀態(tài)。

如果被選元素可見，則隱藏這些元素，如果被選元素隱藏，則顯示這些元素。

$("button").click(function(){
  $("p").toggle(1000);
});

3、使用slideDown()方法

以滑動(dòng)方式顯示隱藏元素

$("button"").click(function(){
  $("p").slideDown();
});

4、使用css()方法

使用css() 方法設(shè)置displays樣式來隱藏可見元素：

$("button"").click(function(){
  $("p").css("display","none");
  //
});

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