javascript - "$ was used before it was defined"错误。如何摆脱它？

Question

这是我尝试在 JS 文件中的括号中使用的代码:

$(document).ready(function () {
$("input").focusin(function () {
    $(this).css("background-color", "#D9D9D2");
});
$("input").focusout(function () {
    $(this).css("background-color", "#FFFFFF");
});

});

我想这应该可以正常工作。当有人集中注意力时，我试图让我的输入字段具有不同的颜色。 Brackets 不想执行这段代码，因为它说“$ 在定义之前就被使用了”

我尝试执行此代码但出现错误，但它仍然不起作用。

Answer 1

尝试使用选择所有输入

$(":input")

如果您尝试选择所有输入。 (来源:api.jquery.com)

否则，通过id选择元素，

$("#textInput")

或按输入类型

$("input [type='text']")

希望这能解决您的问题。

此外，您是否有可能使用 Jslint？

如果是这样，有时会导致此处提到的问题:

Jquery and Jslint

如果您不使用 jslint，第二个答案甚至可以解决您的问题:

If you want to use variables provided by other scripts, then you need to say so:

/*global $ */