可見性篩選選擇器和屬性篩選選擇器
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”]能在網站中匹配不同型別的檔案