1.调用元素的css方法

$(selector).css("visibility","hidden");$(selector).css("visibility","visible");visibility属性用来确定元素是显示还是隐藏的，这用visibility="visible|hidden"来表示（visible表示显示，hidden表示隐藏）。当visibility被设置为"hidden"的时候，元素虽然被隐藏了，但它仍然占据它原来所在的位置

2.设置display属性

//隐藏$("#id").css('display','none'); //显示$("#id").css('display','block'); 或 $("#id")[0].style.display = 'none'; $("#id")返回的是JQuery 它是个集合肯定有display属性

3.调用show()或者hide()方法来设置

$("#realNameTest").hide();$("#realNameSpan").show();

一般情况下，我们会判断元素的显示或者影藏状态，来设置其是否显示还是影藏

以下写法无论如何判断,只有一个判断结果if($(selector).is(":hidden")){alert("隐藏");}    //eq(index)匹配一个给定索引值的元素else("设置显示");后来研究了一下，如果要能够准确进行判断格式应该如下：if($(selector).eq(0).is(":hidden")){alert("隐藏");}else("设置显示");

注意这个函数：

$("#id").toggle()    切换元素的可见状态。如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。

另外还有一个问题：

hide()应该设置visible为false，但是在调试的时候却看见其值仍然为visible,百度仍无果,在此留下印记，望哪位高手看见此问题之后能给予解答