jQuery - 選擇DOM元素，區別使用element.name_class或元素[class * = name_class]

Question

最近我發現很多jQuery表達式選擇元素[class * = name_class]的DOM元素。我一直在使用element.name_class，它們之間是否有區別，或者它只是一個樣式問題？

span[class*=orden_bloque]  VS span.orden_bloque 

Answer 1

不，這是不同的

第一個將選擇具有確切的名字班級爲name_class

第二個選擇any類名containsname_class

span[class*=orden_bloque]將選擇所有span元素在其名稱中包含字符串orden_bloque

span.orden_bloque將選擇所有span元素與精確的類名爲orden_bloque

Answer 2

span[class*=orden_bloque] VS span.orden_bloque可以產生不同的結果。考慮下面的例子：

<span class="orden_bloque"></span> 
<span class="orden_bloque_foobar"></span> 

• span[class*=orden_bloque]比賽都跨越
• span.orden_bloque匹配的第一個

的*= and similar selectors可以用來選擇具有匹配的子類。

Answer 3

爲：

span[class*=orden_bloque] 

這將mathch所有具有類包含orden_bloque

在第二種情況下，span元素：

pan.orden_bloque 

這將mathch具有class ord的所有span元素en_bloque