jQuery - 选择DOM元素，使用element.name_class或element [class * = name_class]之间的区别

Question

最近我发现很多jQuery表达式选择带元素[class * = name_class]的DOM元素。我一直在使用element.name_class，它们之间有什么区别，或者它只是一种风格问题？

span[class*=orden_bloque]       VS    span.orden_bloque

Answer 1

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 2

不，这是不同的

第一个将选择具有确切名称为name_class

的类

第二个选择 contains any

的name_class班级名称

span[class*=orden_bloque]将在其班级名称中选择包含字符串span的所有orden_bloque元素

span.orden_bloque会选择所有span个元素，其确切的类名为orden_bloque

Answer 3

有关：

span[class*=orden_bloque]

这将对包含orden_bloque

的类的所有span元素进行数学运算

第二个案例：

pan.orden_bloque

这将对具有类orden_bloque

的所有span元素进行数学运算