jquery 元素隱藏和顯示
阿新 • • 發佈:2018-12-19
使用jquery控制div的顯示與隱藏,一句話就能搞定,例如:
1.show() hide()
$("#id").hide()
$("#id").show()
2.$("#id").toggle()
切換元素的可見狀態。如果元素是可見的,切換為隱藏;如果元素是隱藏的,則切換為可見。
3.display
$("#id").css('display','none'); 或者 $("#id")[0].style.display='none';
$("#id").css('display','block');
4.visibility’
$("#id").css('visibility','hidden');//元素隱藏 $("#id").css('visibility','visible');//元素顯示
注意:
display:none和visible:hidden都能把網頁上某個元素隱藏起來,
但是在一些DOM操作中兩者有區別:
display:none —不為被隱藏的物件保留其物理空間,即該物件在頁面上徹底消失,通俗來說就是看不見也摸不到。
visible:hidden— 使物件在網頁上不可見,但該物件在網頁上所佔的空間沒有改變,即它仍然具有高度、寬度等屬性,通俗來說就是看不見但摸得到。