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

字號(hào):


    jquery對(duì)div的顯示和隱藏:
    顯示:
    代碼如下:
    $(#id).show()
    隱藏:
    代碼如下:
    $(#id).show()
    js對(duì)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=;//顯示