萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> jQuery可見性過濾器:hidden和:visibility用法實例

jQuery可見性過濾器:hidden和:visibility用法實例

   本文實例講述了jQuery可見性過濾器:hidden和:visibility用法。分享給大家供大家參考。具體分析如下:

  :hidden

  匹配所有不可見元素,如果使用css的visibility屬性讓元素不顯示但是占位,則不屬於hidden了

  查找display:none的tr元素,$("tr:hidden")

  :visible

  匹配所有可見元素

  查找所有display不為none的元素,$("tr:visible")

  例子:

  ?

1 2 3 4 5 <tr id="one"style="display:none;"><td>1</td><td>2</td></tr> <tr id="two"style="visibility:hidden;"><td>3</td><td>4</td></tr> <tr id="three"><td>5</td><td>6</td></tr> $("tr:hidden");//選中id為one的元素 $("tr:visible");//選中id為"two"和"three"的元素

  其實,這裡兩個過濾器並不在乎元素到底是不是隱藏不可見的,我覺得只要是display:none則用:hidden可以將其獲取,如果沒有display:none,不管是什麼都可以獲取。

  希望本文所述對大家的jQuery程序設計有所幫助。

copyright © 萬盛學電腦網 all rights reserved