Javascript Jquery类名开始选择器在两种不同的情况下不工作

代码适用于前3个，但不适用于后3个。可能的原因是什么

$（文档）.ready（函数（）{
$（“节[class^='steps-']）。hide（）；
});

隐藏的
隐藏的
不躲藏
不躲藏
这两个元素还包含另一个类的原因。
在这种情况下，将检查值是否包含给定子字符串的选择器


$（文档）.ready（函数（）{
$（“节[class*='steps-']”）中的一部分；
});

隐藏的
隐藏的
不躲藏
不躲藏
您应该使用
*
，它将检查类名字符串中的contains查询


$（文档）.ready（函数（）{
$（“节[class*='steps-']”）中的一部分；
});

隐藏的
隐藏的
不躲藏
不躲藏
以
步骤开始的类-

$("section[class^='steps-']").hide();

$("section[class*='steps-']").hide();

$("section[class*=' steps-']").hide();//observe the space

包含
步骤的类-

$("section[class^='steps-']").hide();

$("section[class*='steps-']").hide();

$("section[class*=' steps-']").hide();//observe the space

包含
步骤-
但不以
步骤-
开头的类

$("section[class^='steps-']").hide();

$("section[class*='steps-']").hide();

$("section[class*=' steps-']").hide();//observe the space

您需要包含：


$（文档）.ready（函数（）{
$（“节[class*='steps-']”）中的一部分；
});

隐藏的
隐藏的
不躲藏
不躲藏

$（文档）.ready（函数（）{
$（“节[class^='steps-']）。hide（）；
});

隐藏的
隐藏的
不躲藏
不躲藏
您的属性选择器看起来像是一个“以开头”而不是“包含”，请查看它的工作原理。我认为它不会单独检查课程。我的意思是，若我把类放在第一位，那个么它在相同的代码中运行良好。我已经解释过了
class^='steps-'
是一个以class
steps-
选择器开头的选择器。而
class*='steps-'
选择包含class
steps
的所有元素，它是在最初还是最后。因此，您必须使用
class*='steps'
而不是
class^='steps'
。请在您的答案中添加一些解释。问题的原因可能是，而不是工作代码！