本文實例講述了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程序設計有所幫助。