jquery 選擇器 熱榜

2021-08-23 15:05:35 字數 4393 閱讀 8069

這個熱榜展示了最常用

選擇器的 排名,資料是根據使用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 中傳遞 同樣可以獲取到 不難發現...