DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> jQuery可見性過濾器:hidden和:visibility用法實例
jQuery可見性過濾器:hidden和:visibility用法實例
編輯:JavaScript綜合知識     

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved