jQuery設置元素是否顯示

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

相關文章
相關標籤/搜索