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,百度仍無果,在此留下印記,望哪位高手看見此問題以後能給予解答
索引