javascript - 无法运行简单的 Jquery 函数

Question

这是我的 javascript 文件中的脚本：

$(document).ready(function () {
$('link').click(function () {

    $('box').fadeOut();
   });
});

这是html：

  <div role="main" id="box">  </div>



<a id="link" href="#">ClickMe</a>

在我的 html 页面的页脚中使用这些路径：

  <script src="js/script.js"></script>


 <script src="js/libs/jquery-1.9.1.min.js"></script>

Jquery 1.9.1 中不存在“.fadeOut”功能吗？我是否在页面顶部的 javascript 文件中遗漏了某些内容？某种其他文件准备功能？这太荒谬了，令人沮丧。

score 6 · Accepted Answer

你的选择器是错误的。尝试

$('#link').click(function () {
    $('#box').fadeOut();
   });
});

score 4 · Accepted Answer

你必须把

<script src="js/libs/jquery-1.9.1.min.js"></script>

以上

<script src="js/script.js"></script>

score 2 · Accepted Answer

问题

$("#box")...
$("#link")...

您的代码中缺少#s 。

$("box")...

这是指<box>不存在的标签。

在包含您自己的脚本之前，还要包含 jQuery 和其他库。确保在<head>.

$("a")  //<a> tag
$("#a") //element with ID "a"
$(".a") //elements with class name "a"

score 0 · Accepted Answer

您的选择器未正确使用。试试这种方式

$(document).ready(function () {
   $('#link').click(function () {
     $('#box').fadeOut();
   });
});

您在选择器中缺少 # 。请记住 Jquery 函数使用 css 标准选择器来访问 DOM 元素。