javascript - 我的 Jquery 在我的 html 文件中不起作用

Question

好吧，我不是一个完整的菜鸟，但仍然是 jQuery/javascript 的初学者，我只是不明白为什么这个 jqueryman.js 没有链接到我的 html。我很确定我的文件夹树是正确的，我什至将我的 js 文件放在与我的 html 相同的文件夹中，以确保它没有出现错误。

index.html 的头部

<!-- metas -->
<meta charset='UTF-8'>
<!-- stylesheets -->
    <link rel='stylesheet' href='../css/mainpage.css'>
    <link rel='stylesheet' href='../css/index.css'>
<!-- all the scripts loosly taken online -->
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'></script>
    <script src='http://malsup.github.com/jquery.cycle2.js'></script>
    <script src='http://code.jquery.com/jquery-1.10.2.min.js'></script>
<!-- script files -->
    <script src="jqueryman.js"></script>    <!-- (this is the trouble maker) -->

index.html 的正文

<h1 class="h1">neckbeards</h1>


<div class='cycle-slideshow'
    data-cycle-fx='scrollHorz'
    data-cycle-pause-on-hover='false'
    data-cycle-speed='5000'>
    <img class='sliderimg' id="Carl"    alt='Carl'      src='http://i.imgur.com/7kJOy7k.jpg'>
    <img class='sliderimg' id="Tugboat" alt='Tugboat'   src='http://i.imgur.com/mRGbOKv.jpg'>
    <img class='sliderimg' id="P0J0"    alt='P0J0'      src='http://i.imgur.com/UiAIWGf.png'>
    <img class='sliderimg' id="Ffej"    alt='Ffej'      src='http://i.imgur.com/isl6UhR.png'>
</div>
<h1 id="name">Carl</h1>

jqueryman.js

 $(document).ready(
        function () {
            $('.h1').hide()
        });
    );

Answer 1

更新:这是工作示例:JSFiddle
您需要从 $('.h1').hide(); 中删除 . . 指的是一个类，但您只是想要隐藏基础 h1 元素。

$(document).ready(function () {
    $('h1').hide();
});

或者仅隐藏一个元素，您可以通过它的 ID 来实现。

$(document).ready(function () {
    $('#name').hide();
});

这是一个指向 jQuery Selectors tutorial 的链接.

另外如评论所述，您的 JavaScript 中也存在语法错误。

$(document).ready(
    function () {
        $('.h1').hide() // As with both my example above you need to add a semicolon 
    });
); // Additional brace & semicolon that would cause a syntax error.