本文實例講述了jQuery可見性過濾器:hidden和:visibility用法。分享給大家供大家參考。具體分析如下:
:hidden
符合所有不可見元素,如果使用css的visibility屬性讓元素不顯示但是佔位,則不屬於hidden了
尋找display:none的tr元素,$("tr:hidden")
:visible
匹配所有可見元素
找出所有display不為none的元素,$("tr:visible")
範例:
<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程式設計有所幫助。