1.调用元素的css方法css
$(selector).css("visibility","hidden"); $(selector).css("visibility","visible"); visibility属性用来肯定元素是显示仍是隐藏的,这用visibility="visible|hidden"来表示(visible表示显示,hidden表示隐藏)。 当visibility被设置为"hidden"的时候,元素虽然被隐藏了,但它仍然占据它原来所在的位置
2.设置display属性
java
//隐藏 $("#id").css('display','none'); //显示 $("#id").css('display','block'); 或 $("#id")[0].style.display = 'none'; $("#id")返回的是JQuery 它是个集合确定有display属性
3.调用show()或者hide()方法来设置ide
$("#realNameTest").hide(); $("#realNameSpan").show();
通常状况下,咱们会判断元素的显示或者影藏状态,来设置其是否显示仍是影藏
函数
如下写法不管如何判断,只有一个判断结果 if($(selector).is(":hidden")){alert("隐藏");} //eq(index)匹配一个给定索引值的元素 else("设置显示"); 后来研究了一下,若是要可以准确进行判断 格式应该以下: if($(selector).eq(0).is(":hidden")){alert("隐藏");} else("设置显示");
注意这个函数:调试
$("#id").toggle() 切换元素的可见状态。若是元素是可见的,切换为隐藏的;若是元素是隐藏的,切换为可见的。
另外还有一个问题:
code
hide()应该设置visible为false,可是在调试的时候却看见其值仍然为visible,百度仍无果,在此留下印记,望哪位高手看见此问题以后能给予解答
索引