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文件中遗漏了什么吗？某种其他文件就绪功能?? 这太荒谬了，令人沮丧。

Answer 1

您的选择器错了。尝试

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

Answer 2

你必须把

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

以上

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

Answer 3

问题

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

您的代码中缺少#。

$("box")...

这是指<box>标记，它不存在。

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

实施例

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

Answer 4

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

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

你在选择器中缺少＃的地方。请记住，Jquery函数使用css标准选择器来访问DOM元素。