這個熱榜展示了最常用
選擇器的 排名,資料是根據使用jquery的著名**分析得來的。熱榜中的選擇器已被歸類(如,'div span'和'ul li'都是'tag tag'形式)。紅色部分表示與w3c規範不相容。% used一欄表示選擇器使用百分比(# of uses一欄表示選擇器使用次數)。只用過一次的選擇器沒在熱榜中羅列。
selector
% used
# of uses
#id51.290%
1431
.class
13.082%
365tag
6.416%
179tag.class
3.978%
111#id tag
2.151%
60tag#id
1.935%
54#id:visible
1.577%
44#id .class
1.434%
40.class .class
1.183%33*
0.968%
27#id tag.class
0.932%
26#id:hidden
0.789%
22tag[name=value]
0.645%
18.class tag
0.573%
16[name=value]
0.538%
15tag tag
0.502%
14#id #id
0.430%
12#id tag tag
0.358%
10tag[name$=value]
0.323%
9#id :checkbox
0.323%
9#id #id :selected
0.287%
8.class tag.class
0.287%
8tag#id > tag
0.287%
8tag, tag
0.251%
7tag.class tag
0.251%
7tag .class
0.215%
6:radio
0.215%
6#id, #id, #id
0.215%
6#id .class tag
0.215%
6:text
0.215%
6tag, tag, tag
0.215%
6.class .class .class
0.215%
6#id tag[name=value]
0.179%
5:checkbox
0.179%
5tag[name*=value]
0.179%
5#id, #id
0.179%
5tag.class tag.class tag
0.143%
4tag.class .class
0.143%
4tag:selected
0.143%
4.class .class .class tag
0.143%
4.class.class
0.143%
4tag:file
0.143%
4tag, tag[name=value]
0.143%
4#id, tag[name$=value]
0.143%
4tag[name!= value]
0.143%
4.class .class tag + .class
0.108%
3.class .class tag:gt (2)
0.108%
3tag:submit , tag:image , tag:submit
0.108%
3tag.class tag.class tag.class tag.class tag.class tag.class
0.108%
3#id tag tag.class tag.class tag
0.108%
3:input
0.108%
3tag.class tag.class
0.108%
3.class .class tag:has (tag[name^=value])
0.108%
3#id tag.class tag
0.108%
3tag:eq (0)
0.108%
3#id :input
0.108%
3tag#id tag#id tag
0.108%
3.class, .class
0.108%
3tag:eq (1)
0.108%
3tag#id tag
0.108%
3.class tag#id
0.072%
2#id tag:first
0.072%
2#id tag tag[name!= value]
0.072%
2.class #id tag tag
0.072%
2tag#id tag.class
0.072%
2tag:filled
0.072%
2tag:first
0.072%
2.class tag tag.class
0.072%
2#id tag.class tag tag.class
0.072%
2tag.class tag.class tag.class
0.072%
2#id #id #id tag.class
0.072%
2tag[name$=value], #id
0.072%
2tag tag tag
0.072%
2:submit , tag:image
0.072%
2.class .class tag
0.072%
2[name=value]:first
0.072%
2.class .class, #id
0.072%
2#id .class tag.class
0.072%
2.class #id .class
0.072%
2#id #id tag tag
0.072%
2tag[name]
0.072%
2tag, tag, tag, tag
0.072%
2tag#id tag#id tag.class
0.072%
2tag:unchecked
0.072%
2#id .class.class
0.072%
2#id tag.class tag > tag
0.072%
2.class tag tag tag
0.072%
2tag.class:first
0.072%
2.class tag.class tag
0.072%
2tag#id tag.class:first
0.072%
2#id tag.class tag.class tag
0.072%
2.class tag tag
0.072%
2#id .class tag tag
0.072%
2#id tag tag#id
0.072%
2tag.class > tag
0.072%
2#id .class *
0.072%
2:input
:visible
0.072%
2#id .class .class
0.072%
2#id > tag > tag > tag > tag > tag
0.072%
2#id tag.class tag tag:gt (0)
0.072%
2.class, .class, .class
0.072%
2#id #id *
0.072%
2#id > *:not(#id)
0.072%
2#id tag[name^=value]
0.072%
2.class tag.class
0.072%
2tag:blank
0.072%
2
JQuery選擇器 選擇器簡介
在開始學習jquery選擇器之前,有必要了解一下css 層疊樣式表 技術。css是一項出色的技術,它使得網頁的結構和表現樣式完全分離。利用css選擇器能夠輕鬆的對某個元素新增樣式而不改變html結構,只需通過新增不同的css規則,就可以得到各種不同樣式的網頁。常用的css選擇器分類如下表 選擇器語法...
Jquery選擇器 基本選擇器
jquery作為我們常用前端工具之一,實際專案中常用的的選擇器有id選擇器 id 元素選擇器 element 樣式選擇器 class 概述 根據給定的id匹配乙個元素。使用任何的元字元 如 作為名稱的文字部分,它必須被兩個反斜槓轉義 引數 id,用於搜尋的,通過元素的 id 屬性中給定的值。示例 查...
jQuery選擇器之全選擇器( 選擇器)
在css中,經常會在第一行寫下這樣一段樣式 萬用字元 意味著給所有的元素設定預設的邊距。jquery中我們也可以通過傳遞 選擇器來選中文件頁面中的元素 描述 拋開jquery,如果要獲取文件中所有的元素,通過document.getelementsbytagname 中傳遞 同樣可以獲取到 不難發現...