jquery和js實(shí)現(xiàn)對div的隱藏和顯示方法

字號:


    jQuery對div的顯示和隱藏:
    顯示:
    代碼如下:
    $("#id").show()
    隱藏:
    代碼如下:
    $("#id").show()
    js對div的顯示和隱藏:
    div的visibility可以控制div的顯示和隱藏,但是隱藏后頁面顯示空白
    代碼如下:
    style="visibility: none;"
    document.getElementById("typediv1").style.visibility="hidden";//隱藏
    document.getElementById("typediv1").style.visibility="visible";//顯示
    通過設(shè)置display屬性可以使div隱藏后釋放占用的頁面空間,如下
    代碼如下:
    style="display: none;"
    document.getElementById("typediv1").style.display="none";//隱藏
    document.getElementById("typediv1").style.display="";//顯示