jsfiddle的奇怪经历

Question

如果我转到此 jsfiddle and change the code so it looks like this jsfiddle，前者按预期工作，即我的一些元素周围有一个 13px 的红色边框。但在后者上，完全相同的代码不会产生边框。我查看了两者的设置和外部资源，但它们看起来完全相同。这可能是显而易见的，但我只是没有看到它。（所以要求我 post 代码，所以这是第二个 jsfiddle 中的代码）：

html:

<div class="myclass">NOT This Guy</div>
<div class="myclass otherclass">This Guy</div>
<span class="myclass otherclass">This Guy</span>
<span class="myclass otherclass anotherclass">This Guy</span>
<span class="otherclass">NOT This Guy</span>

javascript:

$(".myclass.otherclass").css("border", "13px solid red");

为什么只有当我在前者中使用该代码而不在后者 jsfiddle（或我创建的任何其他新 jsfiddle）中时，该代码才有效？

Answer 1

您的第二个 fiddle 在无库模式下运行，但您编写的 JS 代码需要 jQuery 才能工作。添加它，它确实按预期放置了红色边框...

（要添加 jQuery，请点击 JavaScript 标签旁边的齿轮符号，例如靠近屏幕中间。）

jsfiddle的奇怪经历

weird experience with jsfiddle

jquery

jsfiddle