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

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”]能在網站中匹配不同型別的檔案