jQuery控制一个元素的显示和隐藏的方法？

<div id="id">需要操作的元素</div>

jQuery:

$("#id").css("display","block | none") 

或者是

$("#id")[0].style.display = "block|none"

$("#id").show() |hide()

$("#id").toggle() //开关，切换元素的可见状态

$("#id").css("visibility", "visible | hidden")
//visibility还有两个值可以定义，
//为collapse时，在表格元素中使用，可以删除一行或者一列，但不影响表格的布局。
//为inherit时，从父元素继承visibility属性的值

display:none和visibility: hidden都可以将网页上的元素隐藏起来，在视觉上是没有区别的，只是在DOM操作上有些区别：
1.display: none在物理空间上删除了，不占空间，也没有其他属性值了，属于看不见也摸不到的。
2.visibility: hidden只是将元素隐藏了，但是还是占有空间的，在网页上还是存在的，还具有高度宽度等这些属性。