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