1. 程式人生 > >jquery 元素隱藏和顯示

jquery 元素隱藏和顯示

使用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— 使物件在網頁上不可見,但該物件在網頁上所佔的空間沒有改變,即它仍然具有高度、寬度等屬性,通俗來說就是看不見但摸得到。