JQuery選擇器——可見性篩選選擇器和屬性篩選選擇器

      可見性篩選選擇器和屬性篩選選擇器

1   可見性篩選選擇器

$(":visible")      選擇所有顯示的元素

$(":hidden")      選擇所有隱藏的元素，包含display=“none”元素的樣式和隱藏表單、visibility等

2   隱藏元素的方式

   css  display的值是none

   type=“hidden”的表單元素

   寬度和高度都顯示設置為0

   祖先元素是隱藏的，該元素不會在頁面上顯示

   css   visibility的值是hidden

   css   opacity的值是0

3   元素占據文檔中一定的空間是可見的，所以元素的寬度和高度大于零

4   元素的visibility：hidden或opacity：0是可見的，仍然占據空間布局

5   不在文檔中的元素是不可見的，插入文檔中JQuery沒有辦法知道是否可見，因為元素可見性依賴于使用的樣式

6   屬性選擇器可以基于屬性定位元素，可以指定該元素的某個屬性，所有使用該屬性而不管它的值，這個元素都將被定位，也可以更加明確并定位在這些屬性上使用特定值的元素

7   屬性選擇器

$("[attribute|='value']")      選擇指定屬性值等于給定字符串或以該文字串為前綴

(該字符串后跟一個連字符"-"）的元素

$("[attribute*='value']")      選擇指定屬性具有包含一個給定的子字符串的元素（選擇給定的屬性是以包含某些值的元素）

$("[attribute~='value']")      選擇指定屬性用空格分隔的值包含一個給定值的元素

$("[attribute='value']")      選擇指定屬性是給定值的元素

$("[attribute!='value']")      選擇不存在指定屬性，或者指定的屬性值不等于給定值的元素

$("[attribute^='value']")      選擇指定屬性是以給定字符串開始的元素

$("[attribute$='value']")      選擇指定屬性是以給定值結尾的元素，這個比較是區分大小寫的

$("[attribute]")      選擇所有具有指定屬性的元素，該屬性可以是任何值

$("[attribute1][attributeFilterN]")      選擇匹配所有指定的屬性篩選器的元素

8   瀏覽器支持

   [att=val]、[att]、[att|=val]、[att~=val]屬于CSS2.1規范

   [ns|attr]、[att^=val]、[att*=val]、[att$=val]屬于CSS3規范

   [name!="value"]屬于JQuery擴展的選擇器

9   [attr="value"]和[attr*="value"]是最實用的

10   [attr="value"]能定位不同類型的元素，特別是表單form元素的操作，比如input[type="text"]和input[type="checkbox"]等

11   [attr*="value"]能在網站中匹配不同類型的文件